<template>
	<view class="setting-page-box">
		<view class="setting-page">
			<!-- Header -->
			<Header></Header>
			<view class="setting-conent">
				<view class="setting-title flexdc">
					<view class=" flex-start-nowrap alic">
						<view class="setting-title-icon">
							<image src="@/static/images/projectDetail/T-icon.png" mode="widthFix" class="setting-title-img" />
						</view>
						<view class="setting-title-txt">
							{{title}}
						</view>
					</view> 
					<view :class="[isMobile?'fz14':'fz16']" :style="{margin:isMobile?'35rpx 0 20rpx 0':'35px 0 20px 0','max-width':'680px'}" v-html="projectDetailData.describe">
						<!-- {{}} -->
					</view>
				</view>
				<view class="project-content">
					<view class="project-detail-left">
						<view class="project-tab" :class="{'project-tab-active': currentIndex === 1}"
							@click="tabChange(1)">
							<view class="project-tab-inner">
								领取题目
							</view>
							<view v-if="currentIndex === 1" class="tab-line"></view>
						</view>
						<view class="project-tab" :class="{'project-tab-active': currentIndex === 2}"
							@click="tabChange(2)">
							<view class="project-tab-inner">
								{{enum_type > 0?'复审':'返修题目'}}
								<view v-if="repairNum" class="project-tab-number">
									{{repairNum > 99 ? '99+' : repairNum}}
								</view>
							</view>
							<view v-if="currentIndex === 2" class="tab-line"></view>
						</view>
						<view class="project-tab" :class="{'project-tab-active': currentIndex === 3}"
							@click="tabChange(3)">
							<view class="project-tab-inner">
								提交记录
							</view>
							<view v-if="currentIndex === 3" class="tab-line"></view>
						</view>
						<view class="project-tab" :class="{'project-tab-active': currentIndex === 4}"
							@click="tabChange(4)">
							<view class="project-tab-inner">
								任务消息
								<view v-if="messageNum" class="project-tab-number">
									{{messageNum > 99 ? '99+' : messageNum}}
								</view>
							</view>
							<view v-if="currentIndex === 4" class="tab-line"></view>
						</view>
					</view>
					<scroll-view class="project-detail-right" :scroll-y="true">
						<view v-show="currentIndex === 1" class="project-detail-info">
							<!-- 领取题目 --> 
							<view v-if="last_count !== false" class="project-receive">
								<view class="project-tip-info">
									<Tip :tipInfo="tipInfo"></Tip>
								</view>

								<view class="project-receive-number bdn">
									<view class="project-receive-number-li">
										领取数量
									</view>
									<view class="project-receive-opt project-receive-opt-box posr">
										<view class="posa highBtn highBtnPc cup" @click="clickShowMore"  v-if="!isMobile">
											<image v-if="!showMore" style="width: 12px;margin-right: 10px;" src="@/static/images/projectDetail/down-arrow.png"
												mode="widthFix" class="arrow-icon-img"></image>
											<image v-else style="width: 12px;margin-right: 10px;" src="@/static/images/projectDetail/up-arrow.png"
												mode="widthFix" class="arrow-icon-img"></image>
											{{showMore?'收起选项':'高级选项'}}
										</view>
										<view class="project-receive-opt-btns">
											<view class="project-receive-opt-btn" @click="computerNum('reduce')">
												-
											</view>
											<input v-model="topicForm.topic_number" class="project-receive-number-input"
												type="number">
											<view class="project-receive-opt-btn" @click="computerNum('plus')">
												+
											</view>
											<view class="project-receive-opt-count">
												题库剩余：{{last_count}}
											</view>
										</view>
										
										<view class="project-receive-number-tip project-receive-opt-btns">
											<text>今日已领取：{{allData.take_count}}/{{allData.day_limit}}</text><text>今日放弃：{{allData.give_up_count}}/{{allData.day_give_up_limit}}</text>
										</view>
									</view>
									<view class="project-receive-opt-mobile" style="width: 68%;">
										<view class="project-receive-opt-btns-mobile flex-between-nowrap alic">
											<input v-model="topicForm.topic_number" class="project-receive-number-input"  :style="{width: isMobile?'50px':'100px' }"
												type="number">
											<view class="project-receive-opt-count"  style="font-size: 12px;">
												题库剩余：{{last_count}}
											</view>
											<view class="highBtn cup" @click="clickShowMore" >
												<image v-if="!showMore" style="width: 12px;margin-right: 10px;" src="@/static/images/projectDetail/down-arrow.png"
													mode="widthFix" class="arrow-icon-img"></image>
												<image v-else style="width: 12px;margin-right: 10px;" src="@/static/images/projectDetail/up-arrow.png"
													mode="widthFix" class="arrow-icon-img"></image>
												{{showMore?'收起选项':'高级选项'}}
											</view>
										</view>
									</view>
								</view>
								<view v-if="last_count !== false" class="project-receive-number-tip-mobile">
									<!-- 当前题库总剩余：{{last_count}} -->
									<text>今日已领取：{{allData.take_count}}/{{allData.day_limit}}</text><text>今日放弃{{allData.give_up_count}}/{{allData.day_give_up_limit}}</text>
								</view>
								<template v-if="showMore">
									<view class="project-receive-number">
										<view class="project-receive-number-li">
											题目所属时间
										</view>
										<view class="project-receive-opt">
											<uni-datetime-picker @change="changeTime" 
											start-placeholder="开始日期"
											end-placeholder="结束日期"
											 v-model="topicForm.ts" type="datetimerange"></uni-datetime-picker>
										</view>
									</view>
									<view class="project-receive-number"  v-if="enum_type > 0">
										<view class="project-receive-number-li">
											题目完成时间
										</view>
										<view class="project-receive-opt">
											<uni-datetime-picker @change="changeEndTime" 
											
											 v-model="topicForm.tds" type="datetimerange"></uni-datetime-picker>
										</view>
									</view>
									<div class="flex-start-nowrap project-receive-number-box"  >
										<view class="project-receive-number" v-if="enum_type > 0">
											<view class="project-receive-number-li">
												答主老师ID
											</view>
											<view class="project-receive-opt project-receive-opt50" :style="{width: isMobile?'':'245px'}">
												<view class="project-receive-opt-input">
													<u-input @blur="changeTopicId" v-model="topicForm.teacher_id" placeholder='（选填）领取指定ID答主作答的题目' />
												</view>
												
											</view>
										</view>
										<view class="project-receive-number"  :style="{marginLeft: isMobile?'':( enum_type == 0)?0:'2px'}">
											<view class="project-receive-number-li" :style="{width: isMobile?'95px':( enum_type == 0)?'':'60px'}">
												题目ID
											</view>
											<view class="project-receive-opt project-receive-opt50" :style="{width: isMobile?'':'245px'}">
												<view class="project-receive-opt-input">
													<u-input @blur="changeTopicId"  v-model="topicForm.topic_id" placeholder='（选填）领取指定ID题目' />
												</view>
											</view>
										</view>
									</div>
									<view class="project-receive-number" v-if="enum_type == 2">
										<view class="project-receive-number-li">
											{{enum_type == 2?'一审老师ID':'审核老师ID'}}
										</view>
										<view class="project-receive-opt">
											<view class="project-receive-opt-input">
												<u-input @blur="changeTopicId" v-model="topicForm.audit_teacher_id" placeholder='（选填）领取指定ID一审老师审核的题目' />
											</view>
										</view>
									</view>
									
									
									<view class="project-receive-number bdn"  v-if="enum_type > 0">
										<view class="project-receive-number-li" >
											团队编号
										</view>
										<view class="project-receive-opt" :style="{width: isMobile?'':''}">
											<uni-combox 
											emptyTips="暂无团队" 
											:candidates="teamList"
											 :border="isMobile?false:true"  
											 placeholder="（选填）输入编号领取指定团队作答题目" 
											 @input="inputTeamList"
											 v-model="topicForm.team_number"></uni-combox>
											<!-- <select-cy  :zindex="10" :value="topicForm.team_number" name="name" :options="allData.topic_labels" @change="selectitem"></select-cy> -->
										</view>
									</view>
									
									<view class="project-receive-number bdn">
										<view class="project-receive-number-li">
											题目筛选
										</view>
										<view class="project-receive-opt" :style="{width: isMobile?'':''}">
											<select-cy  :value="allData.topic_labels_default" name="name" :options="allData.topic_labels" @change="selectitem"></select-cy>
											<view class="project-receive-number-tip" v-if="!isMobile">
												<text>备注：可以选择特定时间发放题目，也可以选择对应标签，对应的ID的题目，如不筛选则随机领取</text>
											</view>
										</view>
									</view>
								</template>
								<view class="project-receive-opt" v-if="isMobile" style="width: auto;line-height: 2;;padding: 0 10px;">
									<view class="project-receive-number-tip" style="">
										<text>备注：可以选择特定时间发放题目，也可以选择对应标签，对应的ID的题目，如不筛选则随机领取</text>
									</view>
								</view>
								<view class="" style="position: absolute; left: 0; right: 0; margin-top: 30px;" >
									<u-line></u-line>
								</view>
								<view class="project-receive-submit" style="margin-top: 20px;">
									<u-button class="project-receive-submit-btn" @click="getTopicFun" :loading="isLoading">领取</u-button>
									<u-button class="project-receive-submit-btn-mobile" @click="getTopicFun" :loading="isLoading">领取</u-button>
								</view>
							</view>
							<!-- 有领取的题目 -->
							<view v-else class="project-back" :style="{height: 'calc(100vh - 156px - ' + (projectDetailData.describeLen>80?'120px':'60px') + ')'}">
								<view class="project-tip-info" v-if="tipHintInfo.text">
									<!-- 项目配置 -->
									<Tip :tipInfo="tipHintInfo"></Tip>
								</view>
								<view class="repair-content">
									<view class="repair-li" v-for="(item, i) in topicListData.topic_list"
										:key="item.Id">
										<view class="repair-li-sort" :class="{'borderStyle': !item.show}">
											<view class="repair-li-sort-left" style="font-weight: bold;">
												<view class="">
													题目序号：{{item.sn}} <!-- <text class="requied-star">*</text> -->
												</view>
												<!-- <view class="repair-li-sort-left-time">
													还剩 <text class="repair-time-dot">48</text> : <text
														class="repair-time-dot">23</text> : <text
														class="repair-time-dot">48</text>
													任务时间
												</view> -->
												<view class="repair-li-sort-left-time">
													还剩 
													<u-count-down
														:time="item.time"
														format="HH:mm:ss"
														autoStart
														@change="onChange(item, i)"
													>
														<view class="time">
															<!-- <view class="time__custom">
																<text class="repair-time-dot">{{ timeData[i].hour}}</text>
															</view> -->
															<view class="time__custom">
																<text class="repair-time-dot">{{ timeData[i].hour}}</text>
															</view>
															<text class="time__doc">:</text>
															<view class="time__custom">
																<text class="repair-time-dot">{{ timeData[i].minute}}</text>
															</view>
															<text class="time__doc">:</text>
															<view class="time__custom">
																<text class="repair-time-dot">{{ timeData[i].second}}</text>
															</view>
														</view>
													</u-count-down>
													任务时间
												</view>
											</view>
											<view class="repair-li-time">
												<view class="repair-show-btn cup" @click="showTopic(i, 1)">
													<image v-if="item.show" src="@/static/images/projectDetail/up-arrow.png"
														mode="widthFix" class="arrow-icon-img"></image>
													<image v-else src="@/static/images/projectDetail/down-arrow.png"
														mode="widthFix" class="arrow-icon-img"></image>
													<text class="repair-show-text">{{item.show ? '收起' : '展开'}}</text>
												</view>
											</view>
										</view>
										<view v-if="item.show" :style="{padding:!isMobile?'10px 20px 50px':''}">
											<template v-if="item.TopicAnswer">
												<view class="repair-li-item-title" style="font-weight: bold;">作答信息</view>
												<view class="repair-li-item" style="flex-direction: row;">
													<view class="requied-title">
														领取老师
													</view>
													<view class="repair-li-item-val repair-li-item-val-text" style="padding-top: 0;">
														<text><text class="fwn">昵称：</text>{{item.TopicAnswer.Respondent.nick_name}} </text>
														<text><text class="fwn">团队编号：</text>{{item.TopicAnswer.Respondent.team_number}} </text>
														<text><text class="fwn">领取老师ID：</text>{{item.TopicAnswer.Respondent.user_id}} </text>
														<text><text class="fwn">完成时间ID：</text>{{ dateFormat(item.TopicAnswer.finish_time)}} </text>
													</view>
												</view>
											</template>
											<view class="repair-li-item" style="flex-direction: row;">
												<view class="requied-title">
													题目名称
												</view>
												<view class="repair-li-item-val" style="padding-top: 0;">
													{{item.title}} <u-icon style="margin-left:20px; display: inline-block;"  class="cup" @click="copyUrl(item.title)"  size="16" name="/static/images/setting/copy.png"></u-icon>
												</view>
											</view>
											<view class="repair-li-item" style="flex-direction: row;">
												<view class="requied-title">
													题目ID
												</view>
												<view class="repair-li-item-val" style="padding-top: 0;">
													{{item.topic_id}} <u-icon style="margin-left: 20px; display: inline-block;"  class="cup" @click="copyUrl(item.topic_id)"  size="16" name="/static/images/setting/copy.png"></u-icon>
												</view>
											</view>
											<view class="repair-li-item">
												<view class="requied-title">
													备注
												</view>
												<view class="repair-li-item-val">
													<view class="repair-li-item-mark">
														<view class="" v-for="noteItem in item.TopicNote"
															:key="noteItem.Id">
															{{noteItem.sn}}、<text v-html="getLinkContent(noteItem.content)"></text>
														</view>
													</view>
												</view>
											</view>
											
											<template  v-if="item.TopicAnswer">
												<!-- 一审有答案的时候显示 -->
												<u-line style="padding: 10px 0;" v-if="!isMobile"></u-line>
												<view class="repair-li-item" v-if="item.TopicAnswer">
													<view class="requied-title">
														作答内容 
													</view>
													<view class="repair-li-item-val" v-if="item.TopicAnswer.TopicAnswer"  >
														<view class="" v-for="(answerItem,answerIndex) in item.TopicAnswer.TopicAnswer"
															:key="answerIndex" style="margin-bottom: 20px;">
															<template >
																<!-- v-if="((answerItem.answer_type == 1 || answerItem.answer_type == 0) &&  answerItem.content) || (answerItem.answer_type == 2 && (answerItem.content || answerItem.file_url))" -->
																<view class="fwb">
																	提交内容-{{answerIndex+1}}:{{answerItem.title}}({{answerItem.required == 0?'必填':'非必填'}}) -{{answerItem.tooltip}}
																</view>
																<view v-if="answerItem.answer_type == 0">
																	<text v-if="answerItem.content" style="font-weight: normal;" v-html="getLinkContent(answerItem.content)"></text>
																	<text v-else>无</text>
																</view>
																<view style="font-weight: normal; line-height: 1.5;"  v-if="answerItem.answer_type == 1">
																	<template v-if="answerItem.content">
																		<view class="flex-start-nowrap alic repair-li-item-val-mb-checkbox">
																		  <text>点击文档效果：</text>
																		  <u-radio-group v-model="answerItem.openType">
																			 <u-radio  class="cup"  style="margin-right: 10px;" shape="square" active-color="#26bbff" name="watch" label="预览" ></u-radio>
																			 <u-radio  class="cup" shape="square" active-color="#26bbff" name="down" label="下载" ></u-radio>
																		  </u-radio-group>
																		</view>
																		<view type="text"  @click="clickWord(answerItem.content,answerItem.openType)"><text class="cup" style="color: #26bbff;"> {{item.title}}文档</text></view>
																	</template>
																	<template v-else>
																		无
																	</template>
																</view>
																<view v-if="answerItem.answer_type == 2" style="font-weight: normal; line-height: 1.5;">
																	<template v-if="answerItem.content || answerItem.file_url">
																		<jyf-parser :html="answerItem.content || '无'" :ref="'article' + answerIndex "></jyf-parser>
																		<view type="text" v-if="answerItem.file_url"  @click="clickDownFile(answerItem.file_url,answerItem.openType)" class="flex-start-nowrap"><u-icon name="attach" size="18"></u-icon> <text class="cup" style="color: #26bbff;">
																		{{answerItem.title}}附件</text></view>
																	</template>
																	<template v-else>
																		无
																	</template>
																	
																	<!-- <text style="font-weight: normal;" v-html="getLinkContent(answerItem.content)"></text> -->
																</view>
															</template>
															
														</view>
													</view>
													<view v-else>
														无
													</view>
												</view>
											</template>
											<template  v-if="item.TopicAnswer">
												<u-line :style="{margin:isMobile?'4px 0':'10px 0'}"></u-line>
												<view class="repair-li-item-title" style="font-weight: bold;">审核信息</view>
											</template>
											<template  v-if="item.TopicAnswerAudit">
												<view class="repair-li-item" style="flex-direction: row;">
													<view class="requied-title">
														一审老师
													</view>
													<view class="repair-li-item-val repair-li-item-val-text" style="padding-top: 0;">
														<text><text class="fwn">昵称：</text>{{item.TopicAnswerAudit.Respondent.nick_name}} </text>
														<text><text class="fwn">团队编号：</text>{{item.TopicAnswerAudit.Respondent.team_number}} </text>
														<text><text class="fwn">审核老师ID：</text>{{item.TopicAnswerAudit.Respondent.user_id}} </text>
														<text><text class="fwn">完成时间ID：</text>{{ dateFormat(item.TopicAnswerAudit.finish_time)}} </text>
													</view>
												</view>
											</template>
											<view class="repair-li-item" v-if="item.TopicAnswer">
												<view class="requied-title">
													审核备注
												</view>
												<view class="repair-li-item-val">
													<view class="repair-li-item-mark">
														<view class="" v-for="noteItem in item.TopicNoteAudit"
															:key="noteItem.Id">
															{{noteItem.sn}}、<text v-html="getLinkContent(noteItem.content)"></text>
														</view>
													</view>
												</view>
											</view>
											<template v-if="item.TopicAnswerAudit">
												<view class="repair-li-item">
													<view class="requied-title">
														审核结果
													</view>
													<view class="repair-li-item-val" v-if="item.TopicAnswerAudit"  >
														<view class="" v-for="(answerItem,answerIndex) in item.TopicAnswerAudit.TopicAnswer"
															:key="answerIndex" style="margin-bottom: 20px;">
															<view class="fwb">
																提交内容-{{answerIndex+1}}:{{answerItem.title}}({{answerItem.required == 0?'必填':'非必填'}}) -{{answerItem.tooltip}}
															</view>
															<view v-if="answerItem.answer_type == 0">
																<text v-if="answerItem.content" style="font-weight: normal;" v-html="getLinkContent(answerItem.content)"></text>
																<text v-else>无</text>
															</view>
															<view style="font-weight: normal; line-height: 1.5;"  v-if="answerItem.answer_type == 1">
																<template v-if="answerItem.content">
																	<view class="flex-start-nowrap alic repair-li-item-val-mb-checkbox">
																	  <text>点击文档效果：</text>
																	  <u-radio-group v-model="answerItem.openType">
																		 <u-radio  class="cup"  style="margin-right: 10px;" shape="square" active-color="#26bbff" name="watch" label="预览" ></u-radio>
																		 <u-radio  class="cup" shape="square" active-color="#26bbff" name="down" label="下载" ></u-radio>
																	  </u-radio-group>
																	</view>
																	<view type="text"  @click="clickWord(answerItem.content,answerItem.openType)"><text class="cup" style="color: #26bbff;"> {{item.title}}文档</text></view>
																</template>
																<template v-else>
																	无
																</template>
															</view>
															<view v-if="answerItem.answer_type == 2" style="font-weight: normal; line-height: 1.5;">
																<template v-if="answerItem.content || answerItem.file_url">
																	<jyf-parser :html="answerItem.content || '无'" :ref="'article' + answerIndex "></jyf-parser>
																	<view type="text" v-if="answerItem.file_url"  @click="clickDownFile(answerItem.file_url,answerItem.openType)" class="flex-start-nowrap"><u-icon name="attach" size="18"></u-icon> <text class="cup" style="color: #26bbff;">
																	{{answerItem.title}}附件</text></view>
																</template>
																<template v-else>
																	无
																</template>
															</view>
														</view>
													</view>
												</view>
											</template>
											<u-line :style="{margin:isMobile?'4px 0':'10px 0'}"></u-line>
											<view class="" v-for="(configItem,configItemIndex) in (item.TopicConfiguration)"
												:key="configItem.Id">
												<view class="repair-li-item" v-if="configItem.answer_type === 1">
													<view class="requied-title requied-title-upload">
														{{configItem.title}}<text v-if="configItem.required === 0"
															class="requied-star">*</text>
														<UploadFile v-if="configItem.fileList.length === 0" class="repair-li-upload-comp upload-app"
															:uploadInfo="configItem" @getUploadFileList="getUploadFileList"></UploadFile>
													</view>
													<view class="repair-li-item-val">
														<UploadFile v-if="configItem.fileList.length === 0" class="repair-li-upload-comp upload-pc" :uploadInfo="configItem" @getUploadFileList="getUploadFileList"></UploadFile>
														<view class="upload-li-item" v-for="(fileItem, fileIndex) in configItem.fileList" :key="fileItem.fileIndex">
															<view class="upload-li-item-name">
																{{fileItem.name}}
															</view>
															<view class="file-close-icon" @click="delTopicFile(configItem, fileIndex)">
																<image src="@/static/images/projectDetail/file-close-icon.png" mode="widthFix" class="file-close-icon-img"></image>
															</view>
														</view>
													</view>
												</view>
												
												<view class="repair-li-item" v-if="configItem.answer_type === 0">
													<view class="requied-title">
														{{configItem.title}}<text v-if="configItem.required === 0"
															class="requied-star">*</text>
													</view>
													<view class="repair-li-item-val">
														<textarea v-model="configItem.inputVal"
															@keyup.enter.native="enterKeyup"
															:placeholder="configItem.tooltip"
															placeholder-style="color:#BFC7D5"
															rows="5"
															maxlength="10000"
															class="repair-li-textarea"></textarea>
													</view>
												</view>
												<view class="repair-li-item" v-if="configItem.answer_type === 2">
													<view class="requied-title">
														{{configItem.title}}<text v-if="configItem.required === 0"
															class="requied-star">*</text>
													</view>
													<view class="repair-li-item-val" style="font-weight: normal;">
														<view class="flex-between-nowrap repair-li-item-val-mb">
															<view class="flex-start-nowrap alic">
																<!-- <zb-tooltip color="white" placement="bottom" :visible="configItem.showToolip">
																	<view class="" slot="content">
																		<view class="cup" v-for="(tempItem , tempIndex) in audit_quick_template" :key="tempItem"
																		@click="configItem.quickText = tempItem"
																		>
																			{{tempItem}}
																		</view>
																	</view>
																	<u-button @click="showQuickDialog(configItem,configItemIndex)"
																	 style="color: #26bbff; width: auto; margin: 0; padding: 0;" type="text"><u-icon color="#26bbff" name="edit-pen-fill"></u-icon>快捷输入</u-button>
																</zb-tooltip> -->
																<u-button @click="showQuickDialog(configItem,configItemIndex)"
																 style="color: #26bbff; width: auto; margin: 0; padding: 0;" type="text"><u-icon color="#26bbff" name="edit-pen-fill"></u-icon>快捷输入</u-button>
																<UploadFile :slots="true" :uploadInfo="configItem" @getUploadFileList="getUploadFileList">
																	<u-button style="color: #26bbff; width: auto;  margin: 0;padding: 0; margin-left: 15px; margin-right: 5px;" type="text">
																	<u-icon color="#26bbff"  name="file-text-fill"></u-icon>上传附件</u-button>
																</UploadFile>
																	
																<text class="c999 fz12">{{configItem.file_size_check}}M以内</text>
															</view>
															<view class="flex-start-nowrap alic repair-li-item-val-mb-checkbox" v-if="enum_type > 0">
																<!-- <u-radio-group v-model="answerItem.openType">
																 <u-radio  class="cup"  style="margin-right: 10px;" shape="square" active-color="#26bbff" name="watch" label="预览" ></u-radio>
																 <u-radio  class="cup" shape="square" active-color="#26bbff" name="down" label="下载" ></u-radio>
																</u-radio-group> -->
																<u-radio-group
																	:class="['cup']"
																	v-model="configItem.isRefuse">
																	<u-radio shape="square"  style="margin-right: 10px;" active-color="#26bbff" name="refuse"  label="立即驳回" ></u-radio>
																	<u-radio shape="square" style="margin-right: 10px;" active-color="#26bbff" name="gTime" label="固定时间返回" ></u-radio>
																</u-radio-group>
																<u-icon class="cup" @click="showPopup()"
																 name="info-circle" color="#26bbff"></u-icon>
															</view>
														</view>
														<view class="upload-li-item" style="line-height: 1;"
														 v-for="(fileItem, fileIndex) in configItem.fileList"
														:key="fileItem.fileIndex">
															<view class="upload-li-item-name">
																{{fileItem.name}}
															</view>
															<view class="file-close-icon" @click="delTopicFile(configItem, fileIndex)">
																<image src="@/static/images/projectDetail/file-close-icon.png" mode="widthFix" class="file-close-icon-img"></image>
															</view>
														</view>
														<view class="">
																<m-editor 
																:uploadInfo="configItem"
																:id="configItemIndex"
																:tooltip="configItem.tooltip"
																:quickText="configItem.quickText"
																class="repair-li-textarea" style="height:auto"
																@save="((html)=>{ configItem.inputVal = html})" 
																></m-editor>
														</view>
													</view>
												</view>
											</view>
											<view class="repair-li-item repair-li-item-permission" v-if="enum_type  == 2 || ( !projectDetailData.final_project_id && enum_type == 1) ">
												<view class="requied-title flex-between-nowrap" :style="{width:isMobile?'100%':'90px'}">
													<text>变更权限</text>
													<u-button @click="changePermissin(i)" v-if="isMobile" style="width: 95rpx; padding: 0; font-size: 14px; height: 45rpx; background: #16b7ff; border: none;margin: 0;" type="primary">确定</u-button>
												</view>
												<view class="repair-li-item-val">
													<view class="flex-between-nowrap ">
														<view class="flex-start-nowrap alic" >
															<text class="repair-li-item-permission-text">开启权限</text>  <input type="text" v-model="projectDetailData.open_perm" placeholder="请输入项目ID" name="open" id="" />
														</view>
														<view class="flex-start-nowrap alic repair-li-item-permission-box">
															<text class="repair-li-item-permission-text">关闭权限</text>  <input type="text"  v-model="projectDetailData.close_perm"  placeholder="请输入项目ID" name="close" id="" />
														</view> 
														<u-button @click="changePermissin(i)"  v-if="!isMobile" style="width: 110px; padding: 0; background: #16b7ff; border: none;margin: 0;" type="primary">确定</u-button>
													</view>
													<view class="flex-start-nowrap repair-li-item-permission-bottom">
														<view class="flex-start-nowrap ">
															<u-checkbox-group
																:class="['cup']"
																:style="{flex:'none'}"
																v-model="allData.add">
																<u-checkbox shape="square"  style="margin-right: 10px;" active-color="#26bbff" name="add"  label="领取与放弃/上限" ></u-checkbox>
															</u-checkbox-group>
															<view class="flex-start-nowrap alic">
																增加 <input type="number" v-model="allData.addValue" maxlength="2" :placeholder="isMobile ? '请输入数字' : ''" style="width:35px" name="close" id="" />
															</view>
														</view>
														<view class="flex-start-nowrap ">
															<u-checkbox-group
																:style="{flex:'none'}"
																:class="['cup']"
																v-model="allData.sub">
																<u-checkbox shape="square"  style="margin-right: 10px;" active-color="#26bbff" name="sub"  label="领取与放弃/上限" ></u-checkbox>
															</u-checkbox-group>
															<view class="flex-start-nowrap alic">
																减少 <input type="number" v-model="allData.subValue" :placeholder="isMobile ? '请输入数字' : ''" maxlength="2" style="width:35px" name="close" id="" />
															</view>
														</view>
													</view>
												</view>
											</view>
											<!-- 按钮 -->
											<view class="repair-li-item"
												style="margin-top: 0;">
												<view class="requied-title">
												</view>
												<view class="repair-li-item-val submit-btns">
													<button class="repair-li-btn repair-li-btn-primary"
														@click="submitTopic(item, 1 ,i)">{{ enum_type > 0?'审核通过':'提交' }} </button>
													<button class="repair-li-btn" @click="giveUpFun(item,i,1)">放弃题目</button>
													<button v-if="item.TopicAnswer" class="repair-li-btn repair-li-btn-danger" @click="submitTopic(item,3,i)">审核不通过</button>
												</view>
											</view>
										</view>
									</view>
								</view>
							</view>
						</view>
						<!-- 返修题目 -->
						<view v-show="currentIndex === 2" class="project-detail-info">
							<view class="project-back">
								<view class="project-tip-info" v-if="tipHintInfo.text">
									<!-- 项目配置 -->
									<Tip :tipInfo="tipHintInfo"></Tip>
								</view>
								<view v-if="repairList.length === 0" class="project-no-data">
									<view class="project-no-data-inner">
										<view class="">
											<image src="@/static/images/projectDetail/no-data.png" mode="widthFix" class="no-data-img">
											</image>
										</view>
										<view class="project-no-data-txt">暂时没有返修内容</view>
									</view>
								</view>
								<!-- 返修题目列表 -->
								<view v-else class="repair-content">
									<view class="repair-li" :class="{'borderStyle': !item.show}" v-for="(item, i) in repairList"
										:key="item.Id">
										<view class="repair-li-sort">
											<view class="repair-li-sort-left">
												<view class="">
													题目序号：{{item.sn}} 
												</view>
												<!-- <view class="repair-li-sort-left-time">
													还剩 <text class="repair-time-dot">48</text> : <text
														class="repair-time-dot">23</text> : <text
														class="repair-time-dot">48</text>
													任务时间
												</view> -->
												<view class="repair-li-sort-left-time">
													还剩 
													<u-count-down
														:time="item.time"
														format="HH:mm:ss"
														autoStart
														@change="onRepairChange(item, i)"
													>
														<view class="time">
															<view class="time__custom">
																<text class="repair-time-dot">{{ repairTimeData[i].hour}}</text>
															</view>
															<text class="time__doc">:</text>
															<view class="time__custom">
																<text class="repair-time-dot">{{ repairTimeData[i].minute}}</text>
															</view>
															<text class="time__doc">:</text>
															<view class="time__custom">
																<text class="repair-time-dot">{{ repairTimeData[i].second }}</text>
															</view>
														</view>
													</u-count-down>
													任务时间
												</view>
											</view>
											<view class="repair-li-time">
												<view class="repair-show-btn cup" @click="showTopic(i, 0)">
													<image v-if="item.show" src="@/static/images/projectDetail/up-arrow.png"
														mode="widthFix" class="arrow-icon-img"></image>
													<image v-else src="@/static/images/projectDetail/down-arrow.png"
														mode="widthFix" class="arrow-icon-img"></image>
													<text class="repair-show-text">{{item.show ? '收起' : '展开'}}</text>
												</view>
											</view>
										</view>
										<view v-show="item.show" :style="{padding:!isMobile?'10px 20px 50px':''}">
											
											<template v-if="item.TopicAnswer" >
												<view class="repair-li-item-title" style="font-weight: bold;">作答信息</view>
												<view class="repair-li-item" style="flex-direction: row;">
													<view class="requied-title">
														领取老师
													</view>
													<view class="repair-li-item-val repair-li-item-val-text" style="padding-top: 0;">
														<text><text class="fwn">昵称：</text>{{item.TopicAnswer.Respondent.nick_name}} </text>
														<text><text class="fwn">团队编号：</text>{{item.TopicAnswer.Respondent.team_number}} </text>
														<text><text class="fwn">领取老师ID：</text>{{item.TopicAnswer.Respondent.user_id}} </text>
														<text><text class="fwn">完成时间ID：</text>{{ dateFormat(item.TopicAnswer.finish_time)}} </text>
													</view>
												</view>
											</template>
											<view class="repair-li-item" style="flex-direction: row;">
												<view class="requied-title">
													题目名称
												</view>
												<view class="repair-li-item-val" style="padding-top: 0;">
													{{item.title}} <u-icon style="margin-left: 20px; display: inline-block;"  class="cup" @click="copyUrl(item.title)"  size="16" name="/static/images/setting/copy.png"></u-icon>
												</view>
											</view>
											<view class="repair-li-item" style="flex-direction: row;">
												<view class="requied-title">
													题目ID
												</view>
												<view class="repair-li-item-val" style="padding-top: 0;">
													{{item.topic_id}} <u-icon style="margin-left: 20px; display: inline-block;"  class="cup" @click="copyUrl(item.topic_id)"  size="16" name="/static/images/setting/copy.png"></u-icon>
												</view>
											</view>
											<view class="repair-li-item">
												<view class="requied-title">
													备注
												</view>
												<view class="repair-li-item-val">
													<view class="repair-li-item-mark">
														<view class="" v-for="noteItem in item.TopicNote"
															:key="noteItem.Id">
															{{noteItem.sn}}、<text v-html="getLinkContent(noteItem.content)"></text>
														</view>
													</view>
												</view>
											</view>
											
											<template  v-if="item.TopicAnswer">
												<!-- 一审有答案的时候显示 -->
												<u-line style="padding: 10px 0;"></u-line>
												<view class="repair-li-item">
													<view class="requied-title">
														作答内容  
													</view>
													<view class="repair-li-item-val" v-if="item.TopicAnswer.TopicAnswer"  >
														<view class="" v-for="(answerItem,answerIndex) in item.TopicAnswer.TopicAnswer"
															:key="answerIndex" style="margin-bottom: 20px;">
															<template >
																 <!-- v-if="((answerItem.answer_type == 1 || answerItem.answer_type == 0) &&  answerItem.content) || (answerItem.answer_type == 2 && (answerItem.content || answerItem.file_url))" -->
																<view class="fwb">
																	提交内容-{{answerIndex+1}}:{{answerItem.title}}({{answerItem.required == 0?'必填':'非必填'}}) -{{answerItem.tooltip}}
																</view>
																<view v-if="answerItem.answer_type == 0">
																	<text v-if="answerItem.content" style="font-weight: normal;" v-html="getLinkContent(answerItem.content)"></text>
																	<text v-else>无</text>
																</view>
																<view style="font-weight: normal; line-height: 1.5;"  v-if="answerItem.answer_type == 1">
																	<template v-if="answerItem.content">
																		<view class="flex-start-nowrap alic repair-li-item-val-mb-checkbox">
																		  <text>点击文档效果：</text>
																		  <u-radio-group v-model="answerItem.openType">
																			 <u-radio  class="cup"  style="margin-right: 10px;" shape="square" active-color="#26bbff" name="watch" label="预览" ></u-radio>
																			 <u-radio  class="cup" shape="square" active-color="#26bbff" name="down" label="下载" ></u-radio>
																		  </u-radio-group>
																		</view>
																		<view type="text"  @click="clickWord(answerItem.content,answerItem.openType)"><text class="cup" style="color: #26bbff;"> {{item.title}}文档</text></view>
																	</template>
																	<template v-else>
																		无
																	</template>
																</view>
																<view v-if="answerItem.answer_type == 2" style="font-weight: normal; line-height: 1.5;">
																	<template v-if="answerItem.content || answerItem.file_url">
																		<jyf-parser :html="answerItem.content || '无'" :ref="'article' + answerIndex "></jyf-parser>
																		<view type="text" v-if="answerItem.file_url"  @click="clickDownFile(answerItem.file_url,answerItem.openType)" class="flex-start-nowrap"><u-icon name="attach" size="18"></u-icon> <text class="cup" style="color: #26bbff;">
																		{{answerItem.title}}附件</text></view>
																	</template>
																	<template v-else>
																		无
																	</template>
																</view>
															</template>
															
														</view>
													</view>
													<view class="" v-else>
														无
													</view>
												</view>
											</template>
											<template  v-if="item.TopicAnswer">
												<u-line :style="{margin:isMobile?'4px 0':'10px 0'}"></u-line>
												<view class="repair-li-item-title" style="font-weight: bold;">审核信息</view>
											</template>
											<template  v-if="item.TopicAnswerAudit">
												<view class="repair-li-item" style="flex-direction: row;">
													<view class="requied-title">
														一审老师
													</view>
													<view class="repair-li-item-val repair-li-item-val-text" style="padding-top: 0;">
														<text><text class="fwn">昵称：</text>{{item.TopicAnswerAudit.Respondent.nick_name}} </text>
														<text><text class="fwn">团队编号：</text>{{item.TopicAnswerAudit.Respondent.team_number}} </text>
														<text><text class="fwn">审核老师ID：</text>{{item.TopicAnswerAudit.Respondent.user_id}} </text>
														<text><text class="fwn">完成时间ID：</text>{{ dateFormat(item.TopicAnswerAudit.finish_time)}} </text>
													</view>
												</view>
											</template>
											<view class="repair-li-item"  v-if="item.TopicAnswer">
												<view class="requied-title">
													审核备注
												</view>
												<view class="repair-li-item-val">
													<view class="repair-li-item-mark">
														<view class="" v-for="noteItem in item.TopicNoteAudit"
															:key="noteItem.Id">
															{{noteItem.sn}}、<text v-html="getLinkContent(noteItem.content)"></text>
														</view>
													</view>
												</view>
											</view>
											<template  v-if="item.TopicAnswerAudit">
												<view class="repair-li-item">
													<view class="requied-title">
														审核结果
													</view>
													<view class="repair-li-item-val" v-if="item.TopicAnswerAudit"  >
														<view class="" v-for="(answerItem,answerIndex) in item.TopicAnswerAudit.TopicAnswer"
															:key="answerIndex" style="margin-bottom: 20px;">
															<view class="fwb">
																提交内容-{{answerIndex+1}}:{{answerItem.title}}({{answerItem.required == 0?'必填':'非必填'}}) -{{answerItem.tooltip}}
															</view>
															<view v-if="answerItem.answer_type == 0">
																<text v-if="answerItem.content" style="font-weight: normal;" v-html="getLinkContent(answerItem.content)"></text>
																<text v-else>无</text>
															</view>
															<view style="font-weight: normal; line-height: 1.5;"  v-if="answerItem.answer_type == 1">
																<template v-if="answerItem.content">
																	<view class="flex-start-nowrap alic repair-li-item-val-mb-checkbox">
																	  <text>点击文档效果：</text>
																	  <u-radio-group v-model="answerItem.openType">
																		 <u-radio  class="cup"  style="margin-right: 10px;" shape="square" active-color="#26bbff" name="watch" label="预览" ></u-radio>
																		 <u-radio  class="cup" shape="square" active-color="#26bbff" name="down" label="下载" ></u-radio>
																	  </u-radio-group>
																	</view>
																	<view type="text"  @click="clickWord(answerItem.content,answerItem.openType)"><text class="cup" style="color: #26bbff;"> {{item.title}}文档</text></view>
																</template>
																<template v-else>
																	无
																</template>
															</view>
															<view v-if="answerItem.answer_type == 2" style="font-weight: normal; line-height: 1.5;">
																<template v-if="answerItem.content || answerItem.file_url">
																	<jyf-parser :html="answerItem.content || '无'" :ref="'article' + answerIndex "></jyf-parser>
																	<view type="text" v-if="answerItem.file_url"  @click="clickDownFile(answerItem.file_url,answerItem.openType)" class="flex-start-nowrap"><u-icon name="attach" size="18"></u-icon> <text class="cup" style="color: #26bbff;">
																	{{answerItem.title}}附件</text></view>
																</template>
																<template v-else>
																	无
																</template>
															</view>
														</view>
													</view>
												</view>
											</template>
											<template v-if="item.TopicAnswerAuditTwo">
												<u-line :style="{margin:isMobile?'4px 0':'10px 0'}"></u-line>
												<!-- <view class="repair-li-item-title" style="font-weight: bold;">审核信息</view> -->
												<view class="repair-li-item" style="flex-direction: row;">
													<view class="requied-title">
														二审老师
													</view>
													<view class="repair-li-item-val repair-li-item-val-text" style="padding-top: 0;">
														<text><text class="fwn">昵称：</text>{{item.TopicAnswerAudit.Respondent.nick_name}} </text>
														<text><text class="fwn">团队编号：</text>{{item.TopicAnswerAudit.Respondent.team_number}} </text>
														<text><text class="fwn">审核老师ID：</text>{{item.TopicAnswerAudit.Respondent.user_id}} </text>
														<text><text class="fwn">完成时间ID：</text>{{ dateFormat(item.TopicAnswerAudit.finish_time)}} </text>
													</view>
												</view>
												<view class="repair-li-item">
													<view class="requied-title">
														审核备注
													</view>
													<view class="repair-li-item-val">
														<view class="repair-li-item-mark">
															<view class="" v-for="noteItem in item.TopicNoteAuditTwo"
																:key="noteItem.Id">
																{{noteItem.sn}}、<text v-html="getLinkContent(noteItem.content)"></text>
															</view>
														</view>
													</view>
												</view>
												<view class="repair-li-item">
													<view class="requied-title">
														审核结果
													</view>
													<view class="repair-li-item-val">
														<view class="" v-for="(answerItem,answerIndex) in item.TopicAnswerAuditTwo.TopicAnswer"
															:key="answerIndex" style="margin-bottom: 20px;">
															<view class="fwb">
																提交内容-{{answerIndex+1}}:{{answerItem.title}}({{answerItem.required == 0?'必填':'非必填'}}) -{{answerItem.tooltip}}
															</view>
															<view v-if="answerItem.answer_type == 0">
																<text style="font-weight: normal;" v-html="getLinkContent(answerItem.content)"></text>
															</view>
															<view style="font-weight: normal; line-height: 1.5;"  v-if="answerItem.answer_type == 1">
																<view class="flex-start-nowrap alic repair-li-item-val-mb-checkbox">
																  <text>点击文档效果：</text>
																  <u-radio-group v-model="answerItem.openType">
																	 <u-radio  class="cup"  style="margin-right: 10px;" shape="square" active-color="#26bbff" name="watch" label="预览" ></u-radio>
																	 <u-radio  class="cup" shape="square" active-color="#26bbff" name="down" label="下载" ></u-radio>
																  </u-radio-group>
																</view>
																<view type="text"  @click="clickWord(answerItem.content,answerItem.openType)"><text class="cup" style="color: #26bbff;"> {{item.title}}文档</text></view>
															</view>
															<view v-if="answerItem.answer_type == 2" style="font-weight: normal; line-height: 1.5;">
																<jyf-parser :html="answerItem.content || '无'" :ref="'article' + answerIndex "></jyf-parser>
																<view type="text" v-if="answerItem.file_url"  @click="clickDownFile(answerItem.file_url,answerItem.openType)" class="flex-start-nowrap"><u-icon name="attach" size="18"></u-icon> <text class="cup" style="color: #26bbff;">
																{{answerItem.title}}附件</text></view>
																<!-- <text style="font-weight: normal;" v-html="getLinkContent(answerItem.content)"></text> -->
															</view>
														</view>
													</view>
												</view>
											</template>
											<u-line style="padding: 10px 0;"></u-line>
											<view class="" v-for="(configItem , configItemIndex) in item.TopicConfiguration"
												:key="configItem.Id">
												<view class="repair-li-item" v-if="configItem.answer_type === 1">
													<view class="requied-title requied-title-upload">
														{{configItem.title}}<text v-if="configItem.required === 0"
															class="requied-star">*</text>
														<UploadFile v-if="configItem.fileList.length === 0" class="repair-li-upload-comp upload-app"
															:uploadInfo="configItem" @getUploadFileList="getUploadFileList"></UploadFile>
													</view>
													<view class="repair-li-item-val">
														<UploadFile v-if="configItem.fileList.length === 0" class="repair-li-upload-comp upload-pc" :uploadInfo="configItem" @getUploadFileList="getUploadFileList"></UploadFile>
														<view class="upload-li-item" v-for="(fileItem, fileIndex) in configItem.fileList" 
														:key="fileItem.fileIndex">
															<view class="upload-li-item-name">
																{{fileItem.name}}
															</view>
															<view class="file-close-icon" @click="delTopicFile(configItem, fileIndex)">
																<image src="@/static/images/projectDetail/file-close-icon.png" mode="widthFix" class="file-close-icon-img"></image>
															</view>
														</view>
													</view>
												</view>
												<view class="repair-li-item" v-if="configItem.answer_type === 0">
													<view class="requied-title">
														{{configItem.title}}<text v-if="configItem.required === 0"
															class="requied-star">*</text>
													</view>
													<view class="repair-li-item-val">
														<textarea v-model="configItem.inputVal"
															@keyup.enter.native="enterKeyup"
															:placeholder="configItem.tooltip"
															placeholder-style="color:#BFC7D5" 
															rows="5"
															maxlength="10000"
															class="repair-li-textarea"></textarea>
													</view>
												</view>
												<view class="repair-li-item" v-if="configItem.answer_type === 2">
													<view class="requied-title">
														{{configItem.title}}<text v-if="configItem.required === 0"
															class="requied-star">*</text>
													</view>
													<view class="repair-li-item-val" style="font-weight: normal;">
														<view class="flex-between-nowrap repair-li-item-val-mb">
															<view class="flex-start-nowrap alic">
																<!-- <zb-tooltip color="white" placement="bottom" :visible="configItem.showToolip">
																	<view class="" slot="content">
																		<view class="cup" v-for="(tempItem , tempIndex) in audit_quick_template" :key="tempItem"
																		@click="configItem.quickText = tempItem"
																		>
																			{{tempItem}}
																		</view>
																	</view>
																	<u-button @click="quickDialogInfo.visible = true" style="color: #26bbff; width: auto; margin: 0; padding: 0;" type="text">
																		<u-icon color="#26bbff" name="edit-pen-fill"></u-icon>快捷输入</u-button>
																</zb-tooltip> -->
																<u-button @click="showQuickDialog(configItem,configItemIndex)"
																 style="color: #26bbff; width: auto; margin: 0; padding: 0;" type="text"><u-icon color="#26bbff" name="edit-pen-fill"></u-icon>快捷输入</u-button>
																<UploadFile :slots="true" :uploadInfo="configItem"  @getUploadFileList="getUploadFileList">
																	<u-button style="color: #26bbff; width: auto;  margin: 0;padding: 0; margin-left: 15px; margin-right: 5px;" type="text">
																	<u-icon color="#26bbff"  name="file-text-fill"></u-icon>上传附件</u-button>
																</UploadFile>
																<text class="c999 fz12">{{configItem.file_size_check}}M以内</text>
															</view>
															<view class="flex-start-nowrap alic repair-li-item-val-mb-checkbox" v-if="enum_type > 0">
																<!-- <u-radio-group v-model="answerItem.openType">
																 <u-radio  class="cup"  style="margin-right: 10px;" shape="square" active-color="#26bbff" name="watch" label="预览" ></u-radio>
																 <u-radio  class="cup" shape="square" active-color="#26bbff" name="down" label="下载" ></u-radio>
																</u-radio-group> -->
																<u-radio-group
																	:class="['cup']"
																	v-model="configItem.isRefuse">
																	<u-radio shape="square"  style="margin-right: 10px;" active-color="#26bbff" name="refuse"  label="立即驳回" ></u-radio>
																	<u-radio shape="square" style="margin-right: 10px;" active-color="#26bbff" name="gTime" label="固定时间返回" ></u-radio>
																</u-radio-group>
																<u-icon class="cup" @click="showPopup()"
																 name="info-circle" color="#26bbff"></u-icon>
															</view>
														</view>
														<view class="upload-li-item" v-for="(fileItem, fileIndex) in configItem.fileList"
														:key="fileItem.fileIndex">
															<view class="upload-li-item-name">
																{{fileItem.name}}
															</view>
															<view class="file-close-icon" @click="delTopicFile(configItem, fileIndex)">
																<image src="@/static/images/projectDetail/file-close-icon.png" mode="widthFix" class="file-close-icon-img"></image>
															</view>
														</view>
														
														<view class="">
																<m-editor 
																:id="configItemIndex"
																:tooltip="configItem.tooltip"
																:quickText="configItem.quickText"
																class="repair-li-textarea" style="height:auto" @save="((html)=>{ configItem.inputVal = html})" 
																:uploadInfo="configItem"></m-editor>
														</view>
													</view>
												</view>
											</view>
											<view class="repair-li-item repair-li-item-permission" v-if="enum_type  == 2 || ( !projectDetailData.final_project_id && enum_type == 1)">
												<view class="requied-title flex-between-nowrap" :style="{width:isMobile?'100%':'90px'}">
													<text>变更权限</text>
													<u-button  @click="changePermissin(i)" v-if="isMobile" style="width: 95rpx; padding: 0; font-size: 14px; height: 45rpx; background: #16b7ff; border: none;margin: 0;" type="primary">确定</u-button>
												</view>
												<view class="repair-li-item-val">
													<view class="flex-between-nowrap ">
														<view class="flex-start-nowrap alic" >
															<text class="repair-li-item-permission-text">开启权限</text>  <input type="text" v-model="projectDetailData.open_perm" placeholder="请输入项目ID" name="open" id="" />
														</view>
														<view class="flex-start-nowrap alic repair-li-item-permission-box">
															<text class="repair-li-item-permission-text">关闭权限</text>  <input type="text"  v-model="projectDetailData.close_perm" placeholder="请输入项目ID" name="close" id="" />
														</view> 
														<u-button @click="changePermissin(i)"  v-if="!isMobile" style="width: 110px; padding: 0; background: #16b7ff; border: none;margin: 0;" type="primary">确定</u-button>
													</view>
													<view class="flex-start-nowrap repair-li-item-permission-bottom">
														<view class="flex-start-nowrap ">
															<u-checkbox-group
																:class="['cup']"
																:style="{flex:'none'}"
																v-model="allData2.add">
																<u-checkbox shape="square"  style="margin-right: 10px;" active-color="#26bbff" name="add"  label="领取与放弃/上限" ></u-checkbox>
															</u-checkbox-group>
															<view class="flex-start-nowrap alic">
																增加 <input type="number" v-model="allData2.addValue" maxlength="2" :placeholder="isMobile ? '请输入数字' : ''" style="width:35px" name="close" id="" />
															</view>
														</view>
														<view class="flex-start-nowrap ">
															<u-checkbox-group
																:style="{flex:'none'}"
																:class="['cup']"
																v-model="allData2.sub">
																<u-checkbox shape="square"  style="margin-right: 10px;" active-color="#26bbff" name="sub"  label="领取与放弃/上限" ></u-checkbox>
															</u-checkbox-group>
															<view class="flex-start-nowrap alic">
																减少 <input type="number" v-model="allData2.subValue" :placeholder="isMobile ? '请输入数字' : ''" maxlength="2" style="width:35px" name="close" id="" />
															</view>
														</view>
													</view>
												</view>
											</view>
											<!-- 按钮 -->
											<view class="repair-li-item"
												style="margin-top: 0;">
												<view class="requied-title">
												</view>
												<view class="repair-li-item-val submit-btns">
													<button class="repair-li-btn repair-li-btn-primary"
														@click="submitTopic(item, 2 ,i)"> {{ enum_type > 0?'审核通过':'提交' }} </button>
													<button class="repair-li-btn" @click="giveUpFun(item,i,3)">放弃题目</button>
													<button v-if="enum_type > 0 " class="repair-li-btn repair-li-btn-danger" @click="submitTopic(item,3,i)">审核不通过</button>
												</view>
											</view>
										</view>
									</view>
								</view>

							</view>
						</view>
						<!-- 提交记录 -->
						<view v-if="currentIndex === 3" class="project-detail-info project-receive">
							
							<view class="project-detail-record record-pc">
								<view class="project-tip-info">
									<Tip :tipInfo="tipRecordInfo"></Tip>
								</view>
								<view class="team-top-tab flex-start-nowrap alic" v-if="!isMobile && tabLeft.list.length">
									<view :class="['team-top-tab-item team-top-tab-item-left plr38 cup',tabLeft.index == index && 'active']" 
									@click="changeTab(item,index)"
									v-for="(item,index) in tabLeft.list" :key="index">
										{{item.name}}
									</view>
								</view>
								<view v-if="submitRecordList.length === 0" class="project-no-data">
									<view class="project-no-data-inner">
										<image src="@/static/images/projectDetail/no-data.png" class="no-data-img">
										</image>
										<view class="project-no-data-txt">暂时没有提交记录</view>
									</view>
								</view>
								<view class="project-detail-record-list">
									<view class="project-detail-record-li" v-for="(item, i) in submitRecordList" :key="i">
										<view class="project-detail-record-top">
											<view class="record-title flex-between-nowrap" style="width: 100%;">
												<view class="flex-start-wrap flexdc">
													<text>题目序号：{{item.SN}} </text> 
													<text class="fz14" style="font-weight: normal;">题目ID：{{item.topic_id}}</text>
												</view>
												<!-- <text>
													答题记录：{{1212}}
												</text> -->
											</view>
										</view>
										<view class="record-sub-title flex-between-nowrap">
											<text>
												题目名字：{{item.title}}
											</text>
											<text>
												提交时间：{{dateFormat(item.created_date_time)}}
											</text>
										</view>
									</view>
								</view>
								<!-- 分页器 -->
								<!-- <Pager class="pager-note" :page="recordPage" :pageNumList="recordNumList"
									@currentChange="currentRecordChange"></Pager>
									 -->
								<page-pagination v-if="pageRecord.total > 1"
								@change="currentRecordChange" 
								:total="pageRecord.total" 
								:pageSize="pageRecord.page_size" :showAround="true"></page-pagination>	
									
							</view>
							
							<view class="project-detail-record record-app" :style="{'padding': submitRecordList.length === 0 ? 0 : ''}">
								<view class="project-tip-info">
									<Tip :tipInfo="tipRecordInfo"></Tip>
								</view>
								<view class="team-top-tab team-top-tab-app  flex-start-nowrap alic" v-if=" tabLeft.list.length">
									<view :class="['team-top-tab-item team-top-tab-item-left plr38 cup',tabLeft.index == index && 'active']" 
									@click="changeTab(item,index)"
									v-for="(item,index) in tabLeft.list" :key="index">
										{{item.name}}
									</view>
								</view>
								<view v-if="submitRecordList.length === 0" class="project-no-data">
									<view class="project-no-data-inner">
										<image src="@/static/images/projectDetail/no-data.png" class="no-data-img">
										</image>
										<view class="project-no-data-txt">暂时没有提交记录</view>
									</view>
								</view>
								<scroll-view v-else style="height: calc(100% - 40px - 150px);-webkit-overflow-scrolling: touch;" 
								scroll-y="true" @scrolltolower="recordLoadMore"
									scroll-with-animation enable-flex="true" :scroll-top="recordScrollTop" :scroll-y="true"
									show-scrollbar="true" lower-threshold="100" 
									:refresher-triggered="recordTriggered" :refresher-enabled="recordRefreshing"
									@refresherrefresh="recordOnRefresh" @scroll="recordScrollViewChange">
									<view class="project-detail-record-li" v-for="(item, i) in submitRecordList" :key="i">
										<view class="project-detail-record-top">
											<view class="record-title">
												题目序号：{{item.SN}}
											</view>
											<view class="record-time">
												提交时间：{{dateFormat(item.created_date_time)}}
											</view>
										</view>
										<view class="record-sub-title">
											题目名字：{{item.title}}
										</view>
									</view>
									<view v-if="recordIsShow" class="no-data-text">
										~ 已经到底了哦！
									</view>
								</scroll-view>
							</view>	
						</view>
						<!-- 任务消息 -->
						<view v-if="currentIndex === 4" class="project-detail-info">
							<view v-if="messageList.length === 0" class="project-no-data">
								<view class="project-no-data-inner">
									<image src="@/static/images/projectDetail/no-data.png" class="no-data-img">
									</image>
									<view class="project-no-data-txt">暂时没有任务消息</view>
								</view>
							</view>
							<view v-if="messageList.length > 0" class="project-detail-note note-pc">
								<view class="project-detail-note-list">
									<view class="project-detail-note-li" v-for="(item, i) in messageList" :key="i">
										<view class="project-detail-note-title">
											<view class="note-icon">
												<image src="@/static/images/projectDetail/note-icon.png" mode="widthFix"
													class="note-icon-img"></image>
											</view>
											<view class="note-title flex-start-nowrap">
												<!-- {{item.content}} -->
												<view v-if="item.status === 0" class="message-status"></view>
												<text v-html="item.content"></text>
											</view>
										</view>
										<view class="note-time">
											{{dateFormat(item.created_at)}}
										</view>
									</view>
								</view>
								<page-pagination v-if="page.total > 1"  
								@change="currentMessageChange" 
								:total="page.total" 
								:pageSize="page.page_size" :showAround="true"></page-pagination>
							<!-- 	<Pager class="pager-note" :page="page" :pageNumList="messageNumList"
									@currentChange="currentMessageChange"></Pager> -->
							</view>
							<!-- 移动端 -->
							<view v-if="messageList.length > 0" class="project-detail-note note-app">
								<scroll-view style="height: 100%; -webkit-overflow-scrolling: touch;" scroll-y="true" @scrolltolower="loadMore"
									scroll-with-animation enable-flex="true" :scroll-top="scrollTop" :scroll-y="true"
									show-scrollbar="true" lower-threshold="50" 
									:refresher-triggered="triggered" :refresher-enabled="refreshing"
									@refresherrefresh="onRefresh" @scroll="scrollViewChange">
									<view class="project-detail-note-li" v-for="(item, i) in messageList" :key="i">
										<view class="project-detail-note-title">
											<view class="note-icon">
												<image src="@/static/images/projectDetail/note-icon.png" mode="widthFix"
													class="note-icon-img"></image>
											</view>
											<view class="note-title">
												<!-- {{item.content}} -->
												<text v-html="item.content"></text>
												<view v-if="item.status === 0" class="message-status"></view>
											</view>
										</view>
										<view class="note-time">
											{{dateFormat(item.created_at)}}
										</view>
									</view>
									<view v-if="isShow" class="no-data-text">
										~ 已经到底了哦！
									</view>
								</scroll-view>
							</view>
						</view>
					</scroll-view>
				</view>
			</view>
		</view>
		<Footer class="page-footer-bottom"></Footer>
		<!-- 放弃弹出框 -->
		<GiveUpDialog v-if="dialogInfo.visible" :dialogInfo="dialogInfo" @closeDialog="closeDialog"
			@refreshTopic="refreshTopic"></GiveUpDialog>
			
		<!-- 快捷输入弹出框 -->
		<m-popCheckbox v-if="quickDialogInfo.visible" 
		:dialogInfo="quickDialogInfo"
		@closeDialog="closeDialog"
		@checkSubmit="checkSubmit"
		></m-popCheckbox>
		<!-- toast -->	
		<ToastComp v-if="toastInfo.visible" :toastInfo="toastInfo" @closeToast="closeToast" @canel="cancelFun" @cancel="confirmFun"></ToastComp>
		
		<u-popup :show="timePopup.show" :closeable="false" mode="center">
			<view class="m-popup">
				<view class="m-popup-top flex-center">
					{{timePopup.title}}
					<view class="posa cup" @click="timePopup.show = false">
						<u-icon size="20" color="#272536"  name="close"></u-icon>
					</view>
				</view>
				<view class="m-popup-content">
					{{timePopup.content}}
				</view>
				
			</view>
		</u-popup>
	</view>
</template>

<script>
	import Header from "@/components/Header/Header.vue"
	import Footer from "@/components/Footer/Footer.vue"
	import Pager from "@/components/Pager/Pager.vue"
	import Tip from "@/components/Tip/Tip.vue"
	import UploadFile from "@/components/UploadFile/UploadFile.vue"
	import GiveUpDialog from "@/components/GiveUpDialog/GiveUpDialog.vue"
	import ToastComp from "@/components/ToastComp/ToastComp.vue"
	// import selectCy from "@/uni_modules/select-cy/components/select-cy/select-cy.vue"
	import jyfParser from '@/components/jyf-parser/jyf-parser'
	
	import {
		Base64
	} from "@/js_sdk/js-base64/base64.js"
	import { strSize, calculateDiffTime, getLinkContent } from "@/utils/index.js"
	import {
		getTopic,
		getRepairList,
		getSubmitRecord,
		getProjectDetail,
		giveUpTopic,
		getBadge,
		getMessageList,
		submitAnswer,
		updateProjectMsgStatus
	} from "@/common/api/project.js"
	import {
		regNumber
	} from "@/utils/reg.js"
	import {
		dateFormat
	} from "@/utils/index.js"
	export default {
		data() {
			return {
				// toast
				toastInfo: {
					visible: false,
					type: 'success',
					title: '',
					subTitle: '',
					cancel: false,
					confirm: false,
					closeShow: true
				},
				/* 上拉刷新，下拉加载 消息列表 */
				scrollTop: 0,
				old: {
					scrollTop: 0
				},
				page:{
					page: 1,
					page_size: 10,
					total:0,
				},
				pageRecord:{
					page: 1,
					page_size: 10,
					total:0,
				},
				
				// 上拉刷新下拉加载
				triggered: true, // 控制是否自定义刷新
				refreshing: true, // 开启自定义下拉刷新
				currentIndex: 1,
				isShow: false,
				messageNumList: 0,
				
				/* 上拉刷新，下拉加载 提交记录 */
				recordScrollTop: 0,
				recordOld: {
					scrollTop: 0
				},
				recordPage: 1,
				recordPage_size: 10,
				// 上拉刷新下拉加载
				recordTriggered: true, // 控制是否自定义刷新
				recordRefreshing: true, // 开启自定义下拉刷新
				recordIsShow: false,
				recordNumList: 0,
				// 项目配置提示
				tipHintInfo: {
					text: ''
				},
				tipInfo: {
					text: ''
				},
				tipRepairInfo: {
					text: ''
					// text: '1. Word文档上传，名字必须和题目名字一致，否则会失败，无法做的题目，点击放弃，处理完所有题目后，可以重新领取题目。2. 文本形式编写，编写之后提交'
				},
				tipRecordInfo: {
					text: '仅可查看前180天数据'
				},
				show: true,
				dialogInfo: {
					visible: false,
					title: '放弃原因',
					id: '',
					reason: [], // 放弃原因
				},
				quickDialogInfo: {
					visible: false,
					title: '快捷输入',
					id: '',
					reason: [], // 放弃原因
					configItem:{},
					configItemIndex:0,
				},
				topicForm: {
					topic_number: 1,
					topic_id:'',
					ts:[],
					tds:[],
					labels:[],
				},
				project_id: '', // 项目id
				id: '', // 系统id
				repairList: [], // 返修题目列表数据
				submitRecordList: [], // 提交记录列表数据
				last_count: false, // 当前题库剩余数
				limit: '', // 最多领取限制
				lower_limit: '', // 最少领取限制
				countdown_answer: '', // 领取倒计时
				topicListData: [], // 存在已领取的题目
				projectDetailData: '', // 项目详情
				allData:{
					topic_labels:[],//筛选信息
					topic_labels_default:[],
				},//项目所有信息存放
				title: '', // 项目标题,
				messageList: [], // 任务消息列表数据
				repairNum: 0, // 返修列表角标
				messageNum: 0, // 任务消息角标
				timeData: [], // 领取题目列表倒计时
				repairTimeData: [], // 返修列表倒计时
				 //模拟数据列表
				datalist: [
				],
				//模拟初始数据
				tval: [],
				isLoading:false,
				isLoading2:false,
				enum_type:0,
				tabLeft:{
					index:0,
					list:[
						
					]
				},
				audit_quick_template:[],
				teamList:[
				],
				timePopup:{
					show:false,
					title:'固定时间返回',
					content:''
				},
				showMore:uni.getStorageSync('showMore') || false
			}
		},
		watch:{
			isMobile(val){
			},
		},
		onLoad(options) {
			uni.setNavigationBarTitle({
				title:'项目详情' +'-宅小职'
			})
			
			let projectData = options;
			this.project_id = projectData.project_id;
			this.id = projectData.id // projectData.id
		
		},
		mounted() {
			// this.$api.copyfile()
			uni.showLoading({
				title: '加载中',
			})
			// window.onresize = () => (() => {
			// 	console.log(document.body.clientWidth)
			// 	let w = document.body.clientWidth
			// 	if (w <= 1024) {
			// 		// 任务消息
			// 		this.getMessageListFun(1, 'APP')
			// 	} else {
			// 		this.getMessageListFun(1, 'PC')
			// 	}
			// })();
			this.teamPage()
			this.getProjectDetailFun()
			this.getRepairListFun()
			// this.getSubmitRecordFun(this.recordPage)
			// this.getMessageListFun(this.page)
		},
		onShow() {
			this.getBadgeFun()
			
		},
		methods: {
			clickWord(url,type){
				if(type == 'down'){
					window.open(url);
				}else{
					window.open('https://view.officeapps.live.com/op/view.aspx?src=' + url);
				}
			},
			clickShowMore(){
				uni.showLoading({
					title:'加载中...'
				})
				setTimeout(()=>{
					this.showMore = !this.showMore
					uni.setStorageSync('showMore',this.showMore)
					this.$nextTick(()=>{
						uni.hideLoading()
					})
				},100)
				
				setTimeout(()=>{
					uni.hideLoading()
				},1000)
				
			},
			changePermissin(index){
				let allData = {}
				if(this.currentIndex == 1){
					allData = this.allData
				}else if(this.currentIndex == 2){
					allData = this.allData2
				}
				let par = {
					open_user_restriction:this.projectDetailData.open_perm,
					close_user_restriction:this.projectDetailData.close_perm,
					user_id:allData.topic_list[index].receiver_id,
				}
				if(!par.open_user_restriction && !par.close_user_restriction){
					this.toastInfo.title = '提示'
					this.toastInfo.subTitle = '至少输入一项权限！'
					this.toastInfo.type = 'error'
					this.toastInfo.visible = true;
					return
				}
				this.$api.updateUserRestriction(par).then(res => {
					if(res.code == 200){
						this.toastInfo.title = '提示'
						this.toastInfo.subTitle = '操作成功！'
						this.toastInfo.type = 'success'
						this.toastInfo.visible = true;
					}else{
						this.toastInfo.title = '提示'
						this.toastInfo.subTitle = res.message
						this.toastInfo.type = 'error'
						this.toastInfo.visible = true;
						
					}
				})
				setTimeout(()=>{
					this.toastInfo.visible = false
				}, 1500)
			},
			showPopup(){
				this.timePopup.show  = true;
				this.timePopup.content ='每日' + this.projectDetailData.rejection_time_period.map(item => { return item }).join('、') +' 驳回给答主（实际驳回时间为距离当前时间最近时间点）'
			},
			clickDownFile(url){
				window.open(url);
			},
			checkSubmit(e){
				this.quickDialogInfo.visible = false;
				this.quickDialogInfo.configItem.quickText = e.join(';')
				setTimeout(()=>{
					this.quickDialogInfo.configItem.quickText = ''
				},1000)
				
			},
			showQuickDialog(item,index){
				debugger
				this.quickDialogInfo.reason = this.projectDetailData.audit_quick_template
				this.quickDialogInfo.configItem = item
				this.quickDialogInfo.configItemIndex = index
				// 驳回给答主（实际驳回时间为距离当前时间最近时间点）
				this.quickDialogInfo.visible = true
			},
			changeTab(item,index){
				this.tabLeft.index = index
				this.tabLeft.type = item.value;
				this.recordPage = 1
				this.getSubmitRecordFun(1,'PC')
			},
			copyUrl(data){
				uni.setClipboardData({
					data,
					success: () =>
						uni.showToast({
							icon:'none',
							title: '复制成功'
						})
				})
			},
			enterKeyup(){},
			getLinkContent(content){
				return getLinkContent(content)
			},
			selectitem(val){
				this.topicForm.labels = []
				val.map(item => {
					this.topicForm.labels.push(item.value) 
				})
			},
			// 领取题目倒计时
			onChange(item, num) {
				let timestamp = Date.now();
				let finish_time = new Date(item.time).getTime()
				if (finish_time - timestamp < 0) {
					setTimeout(() => {
						if(this.isLoading) return
						this.getProjectDetailFun();
					}, 2000);
					
					this.timeData[num] = {
						hour: '00',
						minute: '00',
						second: '00'
					}
				} else {
					// console.log("finish_time==>",finish_time)
					// this.timeData[num] = calculateDiffTime(timestamp, finish_time)
					this.timeData.splice(num,1,calculateDiffTime(timestamp, finish_time))
				}
				this.$forceUpdate()
			},
			// 返修题目倒计时
			onRepairChange(item, num) {
				let timestamp = Date.now();
				let finish_time = new Date(item.time).getTime()
				if (finish_time - timestamp < 0) {
					// this.repairList.remove(item)
					console.log("this.getRepairListFun()")
					if(this.isLoading) return
					this.getRepairListFun()
					this.repairTimeData[num] = {
						hour: '00',
						minute: '00',
						second: '00'
					}
				} else {
					console.log("this.getRepairListFun()11111")
					this.repairTimeData[num] = calculateDiffTime(timestamp, finish_time)
				}
				this.$forceUpdate()
			},
			// 格式化时间
			dateFormat(val) {
				return dateFormat(val)
			},
			// tab 切换
			async tabChange(i) {
				this.currentIndex = i
				this.getBadgeFun()
				switch (this.currentIndex){
					case 1:
						this.getProjectDetailFun() // 领取记录
						break;
					case 2:
						this.getRepairListFun() // 返修列表
						
						break;
					case 3:
						this.recordPage = 1
						await this.getSubmitRecordFun(this.recordPage) // 提交记录
						break;
					default:
						this.page.page = 1
						await this.getMessageListFun(this.page.page) // 任务消息列表
						if(this.messageList && this.messageList.length){
							updateProjectMsgStatus({project_id: this.project_id}).then(res => {
								this.getBadgeFun()
							})
						}
						
						break;
				}
			},
			changeTime(e){
				this.getProjectDetailFun()
				
			},
			changeEndTime(e){
				this.getProjectDetailFun()
				
			},
			changeTopicId(e){
				this.getProjectDetailFun()
			},
			inputTeamList(e){
				this.teamPage(e)
				this.getProjectDetailFun()
			},
			teamPage(team_number){//获取团队列表
				this.$api.teamPage({page:1,page_size:20,team_number}).then(res => {
					if(res.code == 200){
						this.teamList = res.data.list.map(item =>{return item.team_number})
					}
				})
			},
			getRejectTime(){
				let that = this;
				let nowTime = dateFormat(new Date(),'yyyy-MM-dd HH:mm:ss')
				let nowDate = dateFormat(new Date(),'yyyy-MM-dd')
				let reject_time = ''
				that.projectDetailData.rejection_time_period && that.projectDetailData.rejection_time_period.some(itemItem => {
					let timeStemp = new Date(nowDate +' ' + itemItem).getTime() 
					if(timeStemp - new Date(nowTime).getTime() > 0){
						reject_time = timeStemp
						return true
					}
				})
				that.projectDetailData.reject_time = reject_time;
			},
			// 项目详情
			getProjectDetailFun() {
				let topicForm = this.topicForm;
				let data = {
					id: this.id * 1,
					topic_id:topicForm.topic_id,
				}
				if(topicForm.ts.length){
					data.ts_time = new Date(topicForm.ts[0]) * 1
					data.te_time = new Date(topicForm.ts[1]) * 1
				}
				if(topicForm.tds.length){
					data.tds_time = new Date(topicForm.ts[0]) * 1
					data.tde_time = new Date(topicForm.ts[1]) * 1
				}
				if(topicForm.teacher_id){
					data.teacher_id = topicForm.teacher_id
				}
				if(topicForm.labels.length){
					data.labels = topicForm.labels.join(';')
				}
				if(topicForm.team_number){
					data.team_number = topicForm.team_number
				}
				
				// if(!data.topic_id) {
				// 	delete data.topic_id
				// 	delete data.ts_time
				// 	delete data.td_time
				// }
				let that = this;
				getProjectDetail(data).then(res => {
					uni.hideLoading()
					this.isLoading = false
					if (res.code === 200) {
						let arr = []
						if(res.data.topic_labels){
							Object.keys(res.data.topic_labels).map(item => {
								arr.push({label:item + '　　　剩余： '+res.data.topic_labels[item], value:item})
							})
						}
						res.data.topic_labels_default = []
						res.data.topic_labels = arr;
						
						that.enum_type = res.data.project_detail.enum_type
						that.tabLeft.type = that.enum_type;
						that.title = res.data.project_detail.title
						that.audit_quick_template = res.data.project_detail.audit_quick_template
						// let data = res.data
						that.allData = JSON.parse(JSON.stringify(res.data));
						// this.allData.topic_labels_default.push(arr[0].label)
						that.projectDetailData = that.allData.project_detail
						// that.projectDetailData.describe = '长百科问答,项目概述：写食谱，单价200芝草/题，月结算，详情请点击长百科问答,项目概述：写食谱，单价200芝草/题，月结算，详情请点击长百科问答,项目概述：写食谱，单价200芝草/题，月结算，详情请点击长百科问答,项目概述：写食谱，单价200芝草/题，月结算，详情请点击长百科问答,项目概述：写食谱，单价200芝草/题，月结算，详情请点击'
						that.projectDetailData.describeLen = that.projectDetailData.describe.length
						console.log(that.projectDetailData.describeLen)
						that.allData.addValue = that.projectDetailData.ctrl_increment_unit
						if(that.enum_type  == 2 || ( !that.projectDetailData.final_project_id && that.enum_type == 1)){
							that.allData.add = ['add'];
							that.allData.sub = ['sub'];
						}
						that.allData.subValue = that.projectDetailData.ctrl_decrease_unit
						that.tabLeft.list = [];
						
						if(that.enum_type == 0){
							if(!that.projectDetailData.final_project_id && !that.projectDetailData.audit_project_id){
								that.tabLeft.list = [{
										name:'已提交',
										value:0
								}]
							}
							if(!that.projectDetailData.final_project_id && that.projectDetailData.audit_project_id){
								that.tabLeft.list = [{
										name:'已提交',
										value:0
								},{
										name:'一审合格',
										value:1
								}]
							}
							if(that.projectDetailData.final_project_id && that.projectDetailData.audit_project_id){
								that.tabLeft.list = [{
										name:'已提交',
										value:0
								},{
										name:'一审合格',
										value:1
								},{
										name:'二审合格',
										value:2
								}]
							}
						}
						if(that.enum_type == 1){
							if(!that.projectDetailData.final_project_id){
								that.tabLeft.list = [{
										name:'已提交',
										value:1
								}]
							}
							if(that.projectDetailData.final_project_id){
								that.tabLeft.list = [{
										name:'已提交',
										value:1
								},{
										name:'二审合格',
										value:2
								}]
							}
						}
						if(that.enum_type == 2){
							that.tabLeft.list = [{
									name:'已提交',
									value:2
							}]
						}
						
						that.tipHintInfo.text = that.projectDetailData.hint
						// last_count剩余数存在
						if (that.allData.last_count != undefined) {
							that.last_count = that.allData.last_count
							that.limit = that.projectDetailData.limit; // 最多领取限制
							that.lower_limit = that.projectDetailData.lower_limit; // 最少领取限制
							that.countdown_answer = that.projectDetailData.countdown_answer;
							that.tipInfo.text =
								`每次最多领取${that.limit}道题目，最少领取${that.lower_limit}题；做完以后可以再领取，领取的题目需在${that.countdown_answer}秒内完成`
							that.topicForm.topic_number = that.lower_limit ||1
							that.topicListData = []
							
							
						} else {
							that.last_count = false
							// 存在已领取的题目
							that.topicListData = that.allData
							let topicAuditList = that.allData.topic_audit_one_list || that.allData.topic_audit_list || null
							let topicAuditListTwo = that.allData.topic_audit_two_list || null
							// 数据中赋值需要提交的值
							that.topicListData.topic_list.forEach((item,index) => {
								item.show = index == 0
								if(item.TopicAnswer && item.TopicAnswer.TopicAnswer){
									item.TopicAnswer.TopicAnswer = item.TopicAnswer.TopicAnswer.sort((a,b)=>{return a.Id - b.Id})
									item.TopicAnswer.TopicAnswer.map((el,i) => {
										el.openType = 'watch'
										item.TopicConfiguration.some(els => {
											if(el.topic_configuration_id == els.Id){
												el.title = els.title;
												el.required = els.required;
												el.answer_type = els.answer_type;
												el.is_check = els.is_check;
												el.file_size_check = els.file_size_check;
												el.tooltip = els.tooltip
												return true
											}
										})
										return el
									})
								}
								if(that.enum_type == 1 || that.enum_type == 2){
									if(topicAuditList){
										item.TopicNoteAudit = topicAuditList[index].TopicNote
										if(topicAuditList[index].TopicAnswer && topicAuditList[index].TopicAnswer.TopicAnswer){
											topicAuditList[index].TopicAnswer.TopicAnswer.map((el,i) => {
												el.openType = 'watch'
												topicAuditList[index].TopicConfiguration.some(els => {
													if(el.topic_configuration_id == els.Id){
														el.title = els.title;
														el.required = els.required;
														el.answer_type = els.answer_type;
														el.is_check = els.is_check;
														el.file_size_check = els.file_size_check;
														el.tooltip = els.tooltip
														return true
													}
												})
												return el
											})
										}
										item.TopicAnswerAudit = topicAuditList[index].TopicAnswer
										if(that.enum_type == 2){
											item.TopicConfiguration =  topicAuditListTwo[index].TopicConfiguration
										}else{
											item.TopicConfiguration =  topicAuditList[index].TopicConfiguration
										}
									}
								}
								
								item.TopicConfiguration.forEach((config) => {
									config.project_id = that.project_id // item.project_id // 项目id
									config.inputVal = '' // 输入框的值
									config.fileList = [] // 上传的文件
									config.check = true // 校验状态
									config.topicName = item.title
									config.projectName = that.title
									config.isRefuse = []
									config.gTime = []
									config.isRefuse = 'gTime'
									config.answerTypeVal = 1 // 1：首次正常答题类型 2：返修类型
									config.quickText = ''
									config.showToolip = false
								})
								that.timeData.push({})
								// 任务倒计时的计算
								// that.projectDetailData.offline_date_time 下线时间
								// item.end_date_time 题目失效时间
								// item.updated_at 题目失效时间
								// that.projectDetailData.countdown_answer 题目完成时间
								if(this.enum_type >= 1){
									item.time = this.enum_type == 1?new Date(topicAuditList[index].finish_time) * 1:new Date(topicAuditListTwo[index].finish_time) *1
								}else{
									item.time = new Date(item.finish_time) * 1
								}
								
								// let timestamp = Date.now();
								// let lqTime = that.projectDetailData.countdown_answer * 1000 + new Date(item.updated_at)*1;
								// console.log('timestamp',timestamp)
								// console.log('lqTime',lqTime)
								// let arr = [new Date(that.projectDetailData.offline_date_time)*1,new Date(item.end_date_time)*1,lqTime,timestamp].sort()
								// console.log('arr',arr)
								// let i = arr.findIndex(el => {return el == timestamp})
								// let finish_time = 0
								// if(i == 0){
								// 	finish_time = arr[i+1]
								// 	console.log('finish_time',finish_time)
								// 	// let diffTime = calculateDiffTime(timestamp, finish_time)
								// 	// console.log(diffTime)
								// 	// item.time =  Number(diffTime.hour) *  Number(diffTime.minute) * Number(diffTime.second) * 1000
								// 	item.time =  finish_time
								// }else{
								// 	item.time = 0
								// }
								// let finish_time = new Date(item.end_date_time).getTime()
								// if (finish_time - timestamp < 0) {
								// 	item.time = 0
								// } else {
								// 	let diffTime = calculateDiffTime(timestamp, finish_time)
								// 	// console.log(diffTime)
								// 	// item.time =  Number(diffTime.hour) *  Number(diffTime.minute) * Number(diffTime.second) * 1000
								// 	item.time =  finish_time - timestamp
								// }
							})
							// console.log(this.topicListData)
						}

					}
				})
			},
			// 返修题目列表
			getRepairListFun() {
				this.isLoading2 = true;
				return new Promise((resolve, reject) => {
					let data = {
						project_id: this.project_id
					}
					let that = this;
					getRepairList(data).then(res => {
						if (res.code === 200) {
							this.isLoading2 = false;
							that.allData2 = res.data; 
							if(that.enum_type  == 2 || ( !that.projectDetailData.final_project_id && that.enum_type == 1)){
								that.allData2.add = ['add'];
								that.allData2.sub = ['sub'];
							}
						
							let data = res.data.topic_list
							that.allData2.addValue = that.projectDetailData.ctrl_increment_unit
							that.allData2.subValue = that.projectDetailData.ctrl_decrease_unit
							let topicAuditList = res.data.topic_audit_one_list || res.data.topic_audit_list || null
							let topicAuditListTwo = res.data.topic_audit_two_list || null
							this.repairList = data
							this.repairList.forEach((item,index) => {
								item.show =  index == 0
								if(item.TopicAnswer && item.TopicAnswer.TopicAnswer){
									item.TopicAnswer.TopicAnswer = item.TopicAnswer.TopicAnswer.sort((a,b)=>{return a.Id - b.Id})
									item.TopicAnswer.TopicAnswer.map((el,i) => {
										el.openType = 'watch'
										item.TopicConfiguration.some(els => {
											if(el.topic_configuration_id == els.Id){
												el.title = els.title;
												el.required = els.required;
												el.answer_type = els.answer_type;
												el.is_check = els.is_check;
												el.file_size_check = els.file_size_check;
												el.tooltip = els.tooltip
												return true
											}
										})
										return el
									})
								}
								if(topicAuditList){//一审
									item.TopicNoteAudit = topicAuditList[index].TopicNote
									if(topicAuditList[index].TopicAnswer && topicAuditList[index].TopicAnswer.TopicAnswer){
										topicAuditList[index].TopicAnswer.TopicAnswer.map((el,i) => {
											el.openType = 'watch'
											topicAuditList[index].TopicConfiguration.some(els => {
												if(el.topic_configuration_id == els.Id){
													el.title = els.title;
													el.required = els.required;
													el.answer_type = els.answer_type;
													el.is_check = els.is_check;
													el.file_size_check = els.file_size_check;
													el.tooltip = els.tooltip
													return true
												}
											})
											return el
										})
									}
									item.TopicAnswerAudit = topicAuditList[index].TopicAnswer
									
									
								}
								if(topicAuditListTwo){//一审
									item.TopicNoteAuditTwo = topicAuditListTwo[index].TopicNote
									if(topicAuditListTwo[index].TopicAnswer && topicAuditListTwo[index].TopicAnswer.TopicAnswer){
										topicAuditListTwo[index].TopicAnswer.TopicAnswer.map((el,i) => {
											el.openType = 'watch'
											topicAuditListTwo[index].TopicConfiguration.some(els => {
												if(el.topic_configuration_id == els.Id){
													el.title = els.title;
													el.required = els.required;
													el.answer_type = els.answer_type;
													el.is_check = els.is_check;
													el.file_size_check = els.file_size_check;
													el.tooltip = els.tooltip
													return true
												}
											})
											return el
										})
									}
									item.TopicAnswerAuditTwo = topicAuditListTwo[index].TopicAnswer
								}
								
								
								if(this.enum_type == 2){
									item.TopicConfiguration =  topicAuditListTwo[index].TopicConfiguration
									
								}else if(this.enum_type == 1){
									item.TopicConfiguration =  topicAuditList[index].TopicConfiguration
								}
								item.TopicConfiguration.forEach((config) => {
									config.project_id = item.project_id // 项目id
									config.inputVal = '' // 输入框的值
									config.fileList = [] // 上传的文件
									config.check = true // 校验状态
									config.topicName = item.title
									config.projectName = this.title
									config.answerTypeVal = 2 // 1：首次正常答题类型 2：返修类型
									// config.content = data.answer[config.Id].content
									config.isRefuse = []
									config.gTime = []
									config.isRefuse = 'gTime'
									config.quickText = ''
									config.showToolip = false
								})
								this.repairTimeData.push({})
								// 任务倒计时的计算
								debugger
								if(this.enum_type >= 1){
									item.time = this.enum_type == 1?new Date(topicAuditList[index].finish_time) * 1:new Date(topicAuditListTwo[index].finish_time)*1
								}else{
									item.time = new Date(item.finish_time) * 1
								}
								
								// let timestamp = Date.now();
								// let lqTime = that.projectDetailData.countdown_answer * 1000 + new Date(item.updated_at)*1;
								// let arr = [new Date(that.projectDetailData.offline_date_time)*1,new Date(item.end_date_time)*1,lqTime,timestamp].sort()
								// let i = arr.findIndex(el => {return el == timestamp})
								// let finish_time = 0
								// if(i == 0){
								// 	finish_time = arr[i+1]
								// 	// let diffTime = calculateDiffTime(timestamp, finish_time)
								// 	// console.log(diffTime)
								// 	// item.time =  Number(diffTime.hour) *  Number(diffTime.minute) * Number(diffTime.second) * 1000
								// 	item.time =  finish_time
								// }else{
								// 	item.time = 0
								// }
								
								
								// let timestamp = Date.now();
								// let finish_time = new Date(item.end_date_time).getTime()
								// if (finish_time - timestamp < 0) {
								// 	item.time = 0
								// } else {
								// 	// let diffTime = calculateDiffTime(timestamp, finish_time)
								// 	// item.time = diffTime.hour * diffTime.minute * diffTime.second * 1000
								// 	item.time = finish_time - timestamp
								// }
							})
						}
						resolve(true)
					})
				})
			},
			// 提交题目
			submitTopic(item, type, itemIndex) {//type 1审核通过 2返修后审核通过 3审核失败 
				if (item.time <= 0) {
					this.toastInfo.title = '提交失败'
					this.toastInfo.subTitle = `题目：${item.title}，任务剩余时间已用完，无法完成提交！`
					this.toastInfo.type = 'error'
					this.toastInfo.closeShow = true
					this.toastInfo.cancel = true
					this.toastInfo.confirm = true
					this.toastInfo.visible = true
					// setTimeout(()=>{
					// 	this.toastInfo.visible = false
					// }, 1500)
					return
				}
				let _this = this
				
				let topicConfig = item.TopicConfiguration
				let checkFlag = true
				try {
					if(type == 3 || this.enum_type == 0){
						topicConfig.forEach((topicItem) => {
							// 必填校验
							if ((topicItem.answer_type === 0 && topicItem.required === 0 && !topicItem.inputVal)|| 
								(topicItem.answer_type === 1 && topicItem.required === 0 && topicItem.fileList && topicItem.fileList.length === 0) ||
								(topicItem.answer_type === 2 && topicItem.required === 0 && !topicItem.inputVal ) 
								
							 ) {
								// uni.showToast({
								// 	title: `题目配置：【${topicItem.title}】为必填项！`,
								// 	icon: 'none',
								// 	duration: 1500
								// })
								this.toastInfo.title = '提交失败'
								this.toastInfo.subTitle = `${topicItem.title}为必填项！`
								this.toastInfo.type = 'error'
								this.toastInfo.closeShow = false
								this.toastInfo.cancel = false
								this.toastInfo.confirm = false
								this.toastInfo.visible = true
								setTimeout(()=>{
									this.toastInfo.visible = false
								}, 1500)
								
								topicItem.checkFlag = false
								checkFlag = false
								throw new Error("EndIterative");
							}
							// 上传的文件名需要和题目名称一致校验
							if (topicItem.is_check &&  topicItem.required === 0 && topicItem.answer_type === 1 && topicItem.fileList.length === 0) {
								topicItem.checkFlag = false
								checkFlag = false
								throw new Error("EndIterative");
							}
						})
					}
					
					/**
					 * 提交答案 数据格式
					 * answer array[object]
					 * {
					 *	 answer_size integer
					 *	 content string 答题答案
					 *	 id integer 配置Id
					 *	 tp integer 答题类型 0 文本 1 文件
					 * }
					 * project_id string
					 * system_topic_id integer
					 * topic_id
					 */
					let answer = [],reject_time = ''
					this.getRejectTime()
					topicConfig.forEach((topicItem) => {
						answer.push({
							answer_size: topicItem.answer_type === 1 ? (topicItem.fileList.length > 0 ? topicItem.fileList[0].size : undefined) : strSize(topicItem.inputVal), // integer
							content: topicItem.answer_type === 1 ? (topicItem.fileList.length > 0 ? topicItem.fileList[0].url : '') : topicItem.inputVal, // 答题答案
							id: topicItem.Id, // 配置Id
							tp: topicItem.answer_type, // 答题类型 0 文本 1 文件
							file_url: topicItem.answer_type == 2?(topicItem.fileList.length ? topicItem.fileList[0].url :''):''
						})
						if(topicItem.answer_type == 2){
							reject_time = topicItem.isRefuse == 'gTime' ? _this.projectDetailData.reject_time :''
						}
					})
					
					let topicObj = {
						answer: answer,
						project_id: item.project_id, // string
						system_topic_id: item.Id, // integer
						topic_id: item.topic_id,
						Tp: type == 2 ? 2 :1
					}
					if(reject_time){
						topicObj.reject_time = reject_time / 1000
					}
					if(this.currentIndex == 1){
						let allData = this.allData
						if(this.enum_type == 1){
							let topic_audit_one_list = allData.topic_audit_one_list?allData.topic_audit_one_list[itemIndex]:allData.topic_audit_list[itemIndex] 
							topicObj.audit = type == 3?2:1
							topicObj.project_id = topic_audit_one_list.project_id
							topicObj.system_topic_id = topic_audit_one_list.Id
						}else if(this.enum_type == 2){
							let topic_audit_two_list = allData.topic_audit_two_list[itemIndex]
							topicObj.audit = type == 3?2:1
							topicObj.project_id = topic_audit_two_list.project_id
							topicObj.system_topic_id = topic_audit_two_list.Id
						}
						let topic_list = allData.topic_list[itemIndex]
						if(allData.add && allData.add.length){
							if(type == 1 || type == 2){//通过时的操作
								topicObj.add_limit = allData.addValue *1
								topicObj.user_id = topic_list.receiver_id
							}
						}
						if(allData.sub && allData.sub.length){
							if(type == 3){
								topicObj.remove_limit =  allData.subValue *1
								topicObj.user_id = topic_list.receiver_id
							}
							
						}
						
					}else{
						let allData2 = this.allData2
						if(this.enum_type == 1){
							let topic_audit_one_list = allData2.topic_audit_one_list?allData2.topic_audit_one_list[itemIndex]:allData2.topic_audit_list[itemIndex] 
							topicObj.audit = type == 3?2:1
							topicObj.project_id = topic_audit_one_list.project_id
							topicObj.system_topic_id = topic_audit_one_list.Id
						}else if(this.enum_type == 2){
							let topic_audit_two_list = allData2.topic_audit_two_list[itemIndex]
							topicObj.audit = type == 3?2:1
							topicObj.project_id = topic_audit_two_list.project_id
							topicObj.system_topic_id = topic_audit_two_list.Id
						}
						let topic_list = allData2.topic_list[itemIndex]
						if(allData2.add && allData2.add.length){
							if(type == 1 || type == 2){//通过时的操作
								topicObj.add_limit = allData2.addValue *1
								topicObj.user_id = topic_list.receiver_id
							}
						}
						if(allData2.sub && allData2.sub.length){
							if(type == 3){
								topicObj.remove_limit =  allData2.subValue *1
								topicObj.user_id = topic_list.receiver_id
							}
							
						}
					}
					// 提交答案
					this.submitAnswerFun(topicObj, type)
				} catch (e) {
					if (e.message != "EndIterative") {
						throw e;
					}
				}
			},
			// 提交答案
			submitAnswerFun(data, type) {
				uni.showLoading({
					title: `提交中...`,
					mask: true
				})
				submitAnswer(data).then(res => {
					uni.hideLoading()
					if (res.code === 200) {
						// uni.showToast({
						// 	title: `提交成功`,
						// 	icon: 'none',
						// 	duration: 1500
						// })
						this.toastInfo.title = '提交成功'
						this.toastInfo.subTitle = this.title + '已提交成功'
						this.toastInfo.type = 'success'
						this.toastInfo.closeShow = false
						this.toastInfo.visible = true
						setTimeout(()=>{
							this.toastInfo.visible = false
						}, 1500)
						
						if (type === 1 || type === 3) {
							if(this.currentIndex == 2){
								// 刷新返修列表
								this.getRepairListFun()
								this.getBadgeFun()
							}else{
								// 刷新领取题目列表
								this.getProjectDetailFun()
							}
							
						} else if (type === 2){
							// 刷新返修列表
							this.getRepairListFun()
							this.getBadgeFun()
						}
					}
				})
			},
			showMaxToast(){
				this.dialogInfo.title = '提示'
				this.dialogInfo.text = '已达到今日领取/放弃上限，请明日再来'
				this.dialogInfo.visible = true
			},
			// 放弃题目
			giveUpFun(item,i,type) {//1,放弃题目  2通过 3返修放弃题目
				// 
				let allData = this.currentIndex == 1? this.allData: this.allData2
				if(this.enum_type == 1){
					let one_list = allData.topic_audit_one_list?allData.topic_audit_one_list[i]:allData.topic_audit_list[i]
					this.dialogInfo.id = one_list.Id
				}else if(this.enum_type == 2){
					this.dialogInfo.id = allData.topic_audit_two_list[i].Id
				}else{
					this.dialogInfo.id = item.Id
				}
				this.dialogInfo.title = type == 2?'审核不通过原因':'放弃原因'
				this.dialogInfo.visible = true
				this.dialogInfo.reason = this.projectDetailData.give_up_reasons
			},
			// 获取角标
			getBadgeFun() {
				let data = {
					id: this.project_id // this.id 
				}
				getBadge(data).then(res => {
					if (res.code === 200) {
						let data = res.data
						this.repairNum = data.repair // 返修列表角标
						this.messageNum = data.message // 任务消息角标
					}
				})
			},
			/**
			 * 上拉加载更多
			 */
			loadMore() {
				console.log('已到底部')
				this.page.page++;
				this.getMessageListFun(this.page.page);
			},
			/**
			 * 下拉刷新scroll-view的处理方式
			 */
			onRefresh() {
				this.triggered = true;
				// this.messageList = [];
				this.page.page = 1;
				this.getMessageListFun(this.page.page);
				setTimeout(() => {
					this.triggered = false;
				}, 1000);
			},
			/**
			 * 滚动监听
			 */
			scrollViewChange(e) {
				this.old.scrollTop = e.detail.scrollTop
			},
			// 任务消息
			getMessageListFun(page, type) {
				return new Promise((resolve, reject) => {
					let data = {
						page: page,
						page_size: this.page.page_size,
						project_id: this.project_id
					}
					getMessageList(data).then((res) => {
						if (res.code === 200) {
							debugger
							let data = res.data.list
							this.page.total = res.data.count
							
							if (type === 'PC') {
								this.messageList = data
							} else {
								if (data && data.length > 0) {
									if (page === 1) {
										this.messageList = data
									} else {
										this.messageList = this.messageList.concat(data)
									}
									this.isShow = false
								} else {
									this.isShow = true
								}
								// 解决上拉加载不触发问题
								// this.scrollTop = this.old.scrollTop - 1
								this.$forceUpdate()
							}
						}
						resolve(true)
					})
				})
			},
			// pc端任务消息分页器
			currentMessageChange(page) {
				this.page.page = page
				this.getMessageListFun(page, 'PC')
			},
			// 显示题目
			showTopic(i, type) {
				if (type) {
					this.topicListData.topic_list[i].show = !this.topicListData.topic_list[i].show
				} else {
					this.repairList[i].show = !this.repairList[i].show
				}
				this.$forceUpdate()
			},
			// 上传文件
			getUploadFileList(data){
				let file = data.file
				// 当前为领取题目列表
				if (this.currentIndex === 1) {
					this.topicListData.topic_list.forEach((item) => {
						item.TopicConfiguration.forEach((config) => {
							if (config.Id === data.uploadInfo.Id && config.system_topic_id === data.uploadInfo.system_topic_id) {
								config.fileList.push(file) // 上传的文件
								this.$forceUpdate()
							}
						})
					})
				} else if (this.currentIndex === 2) { // 返修题目列表
					this.repairList.forEach((item) => {
						item.TopicConfiguration.forEach((config) => {
							if (config.Id === data.uploadInfo.Id && config.system_topic_id === data.uploadInfo.system_topic_id) {
								config.fileList.push(file) // 上传的文件
								this.$forceUpdate()
							}
						})
					})
				}
			},
			// 删除文件
			delTopicFile(data, i) {
				// 当前为领取题目列表
				if (this.currentIndex === 1) {
					this.topicListData.topic_list.forEach((item) => {
						item.TopicConfiguration.forEach((config) => {
							if (config.Id === data.Id && config.system_topic_id === data.system_topic_id) {
								config.fileList.splice(i, 1) // 上传的文件
								this.$forceUpdate()
							}
						})
					})
				} else if (this.currentIndex === 2) { // 返修题目列表
					this.repairList.forEach((item) => {
						item.TopicConfiguration.forEach((config) => {
							if (config.Id === data.Id && config.system_topic_id === data.system_topic_id) {
								config.fileList.splice(i, 1) // 上传的文件
								this.$forceUpdate()
							}
						})
					})
				}
			},
			
			// 放弃题目后刷新题目列表
			refreshTopic() {
				if (this.currentIndex === 1) {
					this.getProjectDetailFun()
				}
				if (this.currentIndex === 2) {
					this.getRepairListFun()
					this.getBadgeFun()
				}
				this.dialogInfo.visible = false
			},
			// 关闭
			closeDialog() {
				this.dialogInfo.visible = false
				this.quickDialogInfo.visible = false
			},
			// 领取题目的加减法
			computerNum(type) {
				let num = Number(this.topicForm.topic_number)
				if (regNumber.test(num) || num === 0) {
					if (type === 'reduce') {
						this.topicForm.topic_number = num - 1
					} else {
						this.topicForm.topic_number = num + 1
					}
					if (Number(this.topicForm.topic_number) <= 0) {
						this.topicForm.topic_number = 1
					}
				} else {
					uni.showToast({
						title: '请输入正整数',
						icon: 'none',
						duration: 1500
					})
				}
			},
			// 领取题目
			getTopicFun() {
				let num = Number(this.topicForm.topic_number)
				if (!regNumber.test(num)) {
					uni.showToast({
						title: '请输入正整数',
						icon: 'none',
						duration: 1500
					})
					return
				}
				// if (!(this.lower_limit <= num && this.limit >= num)) {
				// 	uni.showToast({
				// 		title: `每次最多领取${this.limit}道题目，最少领取${this.lower_limit}题`,
				// 		icon: 'none',
				// 		duration: 1500
				// 	})
				// 	return
				// }
				if (num > this.last_count) {
					uni.showToast({
						title: '领取题目数不能大于当前题库总剩余数',
						icon: 'none',
						duration: 1500
					})
					return
				}
				let data = {
					project_id: this.project_id,
					topic_number: num
				}
				if(this.currentIndex == 1){
					data.labels = this.topicForm.labels.join(',')
					data.topic_id = this.topicForm.topic_id
					if(this.topicForm.ts && this.topicForm.ts.length ){
						data.ts_time = new Date(this.topicForm.ts[0]) * 1 
						data.te_time = new Date(this.topicForm.ts[1]) * 1
					}
					if(!data.labels){
						delete data.labels
					}
					if(!data.topic_id){
						delete data.topic_id
					}
				}
				if(this.isLoading) return
				this.isLoading = true
				getTopic(data).then((res) => {
					
					if (res.code === 200) {
						uni.showToast({
							title: '领取成功',
							icon: 'none',
							duration: 1500
						})
						this.getProjectDetailFun()
					} else {
						this.isLoading = false
						uni.showToast({
							title: res.message,
							icon: 'none',
							duration: 1500
						})
					}
				})
			},
			
			
			// pc端提交记录分页器
			currentRecordChange(page) {
				this.pageRecord.page = page
				this.getSubmitRecordFun(page, 'PC')
			},
			/**
			 * 提交记录上拉加载更多
			 */
			recordLoadMore() {
				console.log('已到底部')
				this.recordPage++;
				this.getSubmitRecordFun(this.recordPage);
			},
			/**
			 * 提交记录下拉刷新scroll-view的处理方式
			 */
			recordOnRefresh() {
				this.recordTriggered = true;
				// this.submitRecordList = [];
				this.recordPage = 1;
				this.getSubmitRecordFun(this.recordPage);
				setTimeout(() => {
					this.recordTriggered = false;
				}, 1000);
			},
			/**
			 * 提交记录滚动监听
			 */
			recordScrollViewChange(e) {
				this.recordOld.scrollTop = e.detail.scrollTop
			},
			
			// 提交记录
			getSubmitRecordFun(page, type) {
				let data = {
					page: page,
					page_size: this.pageRecord.page_size,
					project_id: this.project_id,
					audit_status:this.tabLeft.type
				}
				getSubmitRecord(data).then(res => {
					if (res.code === 200) {
						let data = res.data.list
						this.pageRecord.total = res.data.count
						if (type === 'PC') {
							this.submitRecordList = data
						} else {
							if (data && data.length > 0) {
								if (page === 1) {
									this.submitRecordList = data
								} else {
									this.submitRecordList = this.submitRecordList.concat(data)
								}
								this.recordIsShow = false
							} else {
								this.recordIsShow = true
							}
							// 解决上拉加载不触发问题
							this.recordScrollTop = this.recordOld.recordScrollTop - 1
							this.$forceUpdate()
						}
						
					}
				})
			},
			
			// tosat
			closeToast(){
				this.toastInfo.visible = false
			},
			// 取消
			cancelFun(){
				this.toastInfo.visible = false
			},
			// 确认
			confirmFun(){
				this.toastInfo.visible = false
			}

		}
	}
</script>

<style lang="scss" scoped>
	.setting-page {
		background-color: #ffffff;
		// padding-bottom: 80px;
		/deep/.uni-input-placeholder{
			color:#c0c4cc;
		}
		/deep/.uni-combox{
			cursor: pointer;
		}
		/deep/.uni-date{
			cursor: pointer;
		}
		/deep/.uni-combox__selector{
			z-index:99
		}
		/deep/.uni-date-x{
			padding: 0 6px;
		}
		.setting-conent {
			margin: 40px auto;
			width: 976px;
			min-height: 820px;
			background: #FFFFFF;
			box-shadow: 0px 2px 8px 0px rgba(48, 51, 59, 0.1);
			.setting-title {
				width: 100%;
				padding: 20px;
				min-height: 104px;
				box-sizing: border-box;
				display: flex;
				justify-content: center;
				align-items: center;
				border-bottom: 1px solid #EEF1F5;
				.setting-title-icon{
					width: 28px;
					height: 26px;
					margin-right: 7px;
					.setting-title-img {
						width: 28px;
						height: 26px;
						display: inline-block;
					}
					
				}

				
				.setting-title-txt {
					font-size: 28px;
					font-family: PingFangSC-Semibold, PingFang SC;
					font-weight: 600;
					color: #2D3036;
				}
			}

			.project-content {
				display: flex;
				min-height: 820px;

				.project-detail-left {
					width: 144px;
					height: 100%;

					.project-tab {
						height: 62px;
						text-align: center;
						line-height: 62px;
						font-size: 16px;
						font-family: PingFangSC-Regular, PingFang SC;
						font-weight: 400;
						color: #979EAA;
						position: relative;
						cursor: pointer;

						.project-tab-inner {
							position: relative;
							width: auto;

							.project-tab-number {
								width: 20px;
								height: 20px;
								text-align: center;
								line-height: 20px;
								font-size: 12px;
								font-family: OpenSans-SemiBold, OpenSans;
								font-weight: 600;
								color: #FFFFFF;
								background: #F04444;
								border-radius: 50%;
								position: absolute;
								right: 15px;
								top: calc(50% - 10px);
								z-index: 2;
							}
						}

						.tab-line {
							width: 3px;
							height: 20px;
							background: #26bbff;
							position: absolute;
							top: calc(50% - 10px);
							left: 0;
						}


					}

					.project-tab-active {
						background: rgba(23, 182, 255, 0.05);
						font-weight: 600;
						color: #2D3036;
					}
				}
			}
		}

		.project-detail-right {
			width: calc(100% - 144px);
			min-height: 600px;
			border-left: 1px solid #E7EAEF;
			.project-tip-info {
				// padding: 24px 25px 8px 24px;
			}
			.project-detail-info {
				// height: 100%;
				// overflow-y: auto;
				position: relative;
				
			}
		}

		// 领取记录
		.project-receive {
			padding: 20px;
			// min-height: 500px;
			
			.project-receive-opt {
				width: 568px;
				&-count{
					margin-left: 15px;
				}
				&-input{
					border: 1px solid #E7EAEF;
					border-radius: 5rpx;
				}
				.project-receive-opt-btns {
					display: flex;
					align-items: center;
					.project-receive-opt-btn {
						width: 36px;
						height: 36px;
						background: #FFFFFF;
						border-radius: 2px;
						border: 1px solid #E7EAEF;
						color: #ccc;
						display: flex;
						align-items: center;
						justify-content: center;
						cursor: pointer;

						&:active {
							opacity: 0.8;
							background: #fafafa;
						}
					}

					.project-receive-number-input {
						width: 108px;
						height: 36px;
						background: #FFFFFF;
						border-radius: 2px;
						border: 1px solid #E7EAEF;
						margin: 0 4px;
						text-align: center;
					}
				}


				.project-receive-number-tip {
					font-size: 12px;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #979EAA;
					margin-top: 12px;
					text{
						margin-right: 10px;
					}
				}
			}

			.project-receive-opt-mobile {
				display: none;
			}

			.project-receive-number {
				display: flex;
				// padding-bottom: 80px;
				padding-top: 20px;
				// border-bottom: 1px solid #EEF1F5;

				.project-receive-number-li {
					width: 95px;
					font-size: 14px;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #2D3036;
					text-align: right;
					padding-right: 16px;
					line-height: 40px;
				}
				

			}

			.project-receive-number-tip-mobile {
				font-size: 10px;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #979EAA;
				padding: 6px 0;
				display: none;
			}

			.project-receive-submit {
				text-align: center;
				width: 100%;
				display: flex;
				align-items: center;
				justify-content: center;
				padding: 40px 0;

				.project-receive-submit-btn {
					width: 108px;
					height: 36px;
					color: #ffffff;
					background: #26bbff;
					border-radius: 4px;
					display: flex;
					align-items: center;
					justify-content: center;
					cursor: pointer;
				}

				.project-receive-submit-btn-mobile {
					display: none;
					cursor: pointer;
				}
			}
		}

		.project-back {
			-webkit-overflow-scrolling: touch;
		}
		
		.upload-pc{
			display: block;
		}
		.upload-app{
			display: none;
		}

		// 项目返修
		.repair-content {
			padding:0;
			-webkit-overflow-scrolling: touch;
			.borderStyle{
				// border-bottom: 1px solid #EEF1F5;
			}
			.repair-li{
				border-bottom: 1px solid #EEF1F5;
				&:last-child{
					border-bottom: none;
				}
			}
			.repair-li-sort {
				display: flex;
				justify-content: space-between;
				align-items: center;
				height: 40px;
				padding: 10px 20px;
				border-bottom: 1px solid #EEF1F5;

				.repair-li-sort-left {
					display: flex;
					width: calc(100% - 120px);
					justify-content: space-between;

					.repair-li-sort-left-time {
						font-size: 14px;
						font-family: PingFangSC-Semibold, PingFang SC;
						font-weight: 600;
						color: #F04444;
						display: flex;
						align-items: center;

						.repair-time-dot {
							height: 20px;
							min-width: 20px;
							padding: 0 2px;
							display: inline-block;
							background: rgba(240, 68, 68, 0.1);
							border-radius: 1px;
							margin: 3px;
							font-size: 12px;
							text-align: center;
							line-height: 20px;
						}
						
						//倒计时
						
						.time{
							display: flex;
						}
					}
				}

				.repair-li-time {
					display: flex;
					// width: 120px;

					.repair-show-btn {
						font-size: 16px;
						font-family: PingFangSC-Regular, PingFang SC;
						font-weight: 400;
						color: #979EAA;
						display: flex;
						align-items: center;

						.arrow-icon-img {
							height: 12px;
							width: 12px;
							display: inline-block;
							margin-right: 6px;
							margin-left: 58px;
						}
					}

				}
			}

			.repair-li-item {
				display: flex;
				padding: 8px 0;
				width: 100%;
				box-sizing: border-box;
				line-height: 38px;

				// align-items: center;
				.requied-title {
					text-align: right;
					width: 90px;
					padding-right: 16px;
					font-size: 14px;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #2D3036;
					// line-height: 38px;
					.upload-icon-fun-img {
						display: none;
					}
				}

				.submit-btns {
					text-align: left;
				}
				.repair-li-item-val-text{
					text{
						padding-right: 5px;
					}
					.fwn{
						font-weight: normal;
					}
				}
				.repair-li-item-val {
					font-size: 14px;
					font-family: PingFangSC-Semibold, PingFang SC;
					// font-weight: 600;
					color: #2D3036;
					width: calc(100% - 150px);
					box-sizing: border-box;
					
					.upload-li-item{
						display: flex;
						align-items: center;
						margin-top: 10px;
						width: 426px;
						.upload-li-item-name{
							width: calc(100% - 26px);
							display: inline-block;
							font-size: 14px;
							font-family: PingFangSC-Regular, PingFang SC;
							font-weight: 400;
							color: #646A74;
							background: #F6F7FA;
							padding: 6px 12px;
							box-sizing: border-box;
							word-break: break-all;
						}
						.file-close-icon{
							// width: calc(11% - 10px);
							display: inline-block;
							padding-left: 10px;
							box-sizing:border-box;
							display: flex;
							align-items: center;
							text-align: right;
							.file-close-icon-img{
								width: 16px;
								height: 16px;
							}
						}
					}

					.repair-li-textarea {
						width: auto;
						height: 108px;
						background: #FFFFFF;
						border-radius: 2px;
						border: 1px solid #E7EAEF;
						font-size: 14px;
						font-family: PingFangSC-Regular, PingFang SC;
						font-weight: 400;
						padding: 12px;
					}

					.repair-li-item-mark {
						min-width: calc(100% - 150px);
						height: 108px;
						background: #FFFFFF;
						border-radius: 2px;
						border: 1px solid #E7EAEF;
						font-size: 14px;
						font-family: PingFangSC-Regular, PingFang SC;
						font-weight: 400;
						padding: 12px;
						line-height: normal;
						word-break: break-all;
						overflow-y: auto;
						height: auto;
						line-height: 2;
					}

					.repair-li-btn {
						&:after{
							border: none !important;
						}
						&:active {
							opacity: .8;
						}

						width: 108px;
						height: 36px;
						border-radius: 4px;
						color: #979EAA;
						font-size: 14px;
						border: 1px solid #E7EAEF;
						background: #FFFFFF;
						display: inline-block;
						margin-right: 8px;
						cursor: pointer;
					}

					.repair-li-btn-primary {
						background: #26bbff;
						color: #ffffff;
					}
					.repair-li-btn-danger {
						background: #ffaa8b;
						color: #ffffff;
					}
				}

			}

			.requied-star {
				color: #F04444;
			}
		}

		// 提交记录
		.record-pc{
			display: block;
			height: 100%;
			box-sizing: border-box;
			.project-detail-record-list{
				min-height: calc(100% - 124px - 84px);
			}
		}
		.record-app{
			display: none;
		}
		.project-detail-record {
			// padding: 0 27px;
			box-sizing: border-box;
			.project-detail-record-list{
				padding:0 24px;
				box-sizing: border-box;
			}
			.project-detail-record-li {
				width: 100%;
				border-bottom: 1px solid #E7EAEF;
				padding: 24px 0;
				box-sizing: border-box;
				font-size: 16px;
				font-family: PingFangSC-Semibold, PingFang SC;
				font-weight: 600;
				color: #2D3036;

				.project-detail-record-top {
					display: flex;
					align-items: center;
					justify-content: space-between;
					width: 100%;
				}

				.record-title {
					width: calc(100% - 20px - 145px);
					padding-right: 10px;
					box-sizing: border-box;
					text-overflow: ellipsis;
					overflow: hidden;
					white-space: nowrap;
				}

				.record-time {
					width: 235px;
					font-size: 14px;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #979EAA;
				}

				.record-sub-title {
					padding-top: 12px;
					font-size: 14px;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #646A74;
				}
			}
		}

		// 任务消息
		.note-pc {
			display: block;
			height: 100%;
			.project-detail-note-list{
				min-height: calc(100% - 124px);
				overflow-y: auto;
			}
		}

		.note-app {
			display: none;
		}

		.project-detail-note {
			padding: 0 27px;
			box-sizing: border-box;

			.project-detail-note-li {
				width: 100%;
				display: flex;
				align-items: center;
				justify-content: space-between;
				border-bottom: 1px solid #E7EAEF;
				padding: 24px 0;
				box-sizing: border-box;
				font-size: 16px;
				font-family: PingFangSC-Semibold, PingFang SC;
				font-weight: 600;
				color: #2D3036;

				.project-detail-note-title {
					display: flex;
					align-items: flex-start;
					width: calc(100% - 180px);
				}

				.note-icon {
					
					.note-icon-img {
						width: 14px;
						height: 14px;
						display: inline-block;
						margin-right: 6px;
						margin-top: 4px;
					}
				}

				.note-title {
					width: calc(100% - 20px);
					padding-right: 10px;
					box-sizing: border-box;
					word-break: break-all;
					position: relative;
					// text-overflow: ellipsis;
					// overflow: hidden;
					// white-space: nowrap;
					.message-status {
						width: 6px;
						height: 6px;
						position: absolute;
						top: 6px;
						left: 6px;
						border-radius: 50%;
						background: #F04444;
						display: inline-block;
						// position: relative;
						top: 0px;
						left: -10px;
					}
				}

				.note-time {
					width: 150px;
					font-size: 14px;
					font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #979EAA;
				}
			}
		}
	}
	.highBtn{
		left: auto;
		top:8px;
		right: -112px;
		color:#979EAA;
		position: absolute;
		
	}
	@media screen and (min-width: 0px) and (max-width:1024px) {
		.highBtnPc{
			display: none;
		}
		.highBtn{
			position: relative;
			right:-15px;
			top:0;
		}
		page {
			background: #FAFBFC;
		}

		.setting-page {
			background-color: transparent;
			padding-bottom: 0;
			overflow: hidden;
			height: 100vh;
			/deep/.uni-date-x{
				padding: 0 0px;
			}
			/deep/.uni-combox{
				padding: 6px 0;
			}
			.setting-conent {
				box-shadow: none;
				padding: 0;
				margin: 0;
				width: 100%;
				background: transparent;
				height: auto;

				.setting-title {
					min-height: auto;
					height: auto;
					padding: 20px;
					box-sizing: border-box;
					width: 100%;
					background: #ffffff;
					border: none;
					

					.setting-title-icon{
						width: 18px;
						height: 20px;
						margin-right: 7px;
						.setting-title-img {
							width: 18px;
							height: 20px;
							display: inline-block;
						}
						
					}

					.setting-title-txt {
						font-size: 20px;
						max-width:calc(100% - 20px);
						white-space: nowrap;
						overflow: hidden;
						overflow-x: auto;
					}
				}

				.project-content {
					flex-direction: column;
					min-height: auto;
					position: relative;
					.project-detail-left {
						display: flex;
						width: 100%;

						.project-tab {
							width: 25%;
							font-size: 14px;
							height: 44px;
							line-height: 44px;
							background: #ffffff;
							border-bottom: 1px solid #f2f2f2;
							display: flex;
							justify-content: center;

							.project-tab-inner {
								width: 70px;

								.project-tab-number {
									height: 18px;
									width: 18px;
									line-height: 18px;
									font-size: 10px;
									right: -6px;
									top: calc(50% - 23px);
								}
							}
						}

						.project-tab-active {
							font-size: 14px;

							.tab-line {
								width: 24px;
								height: 2px;
								background: #26bbff;
								top: calc(100% - 2px);
								left: calc(50% - 12px);
							}
						}
					}

					.project-detail-right {
						width: 100%;
						background: transparent;
						// height: 400px;
						top: 40px;
						position: absolute;
						bottom: 0;
						.project-detail-info {
							// height: calc(100vh - 185px);
							overflow-y: auto;
						}
						.no-data-text{
							font-size: 12px;
							text-align: center;
							color: #ccc;
							padding: 10px;
						}

						// 领取题目
						.project-receive {
							padding: 0;
							box-sizing: border-box;
							// height: calc(100vh - 45px - 131px - 64px);
							.project-tip-info {
								padding: 20px 10px 8px 10px;
							}
						}
						.project-receive-number-box{
							flex-wrap: wrap;
						}
						.project-receive-number {
							border: none;
							background: #ffffff;
							padding: 15px 10px;
							box-sizing: border-box;
							align-items: center;
							border-bottom: 5px solid #f7faff;
							width: 100%;
							.project-receive-opt-btns{
								display: none;
							}
							.project-receive-number-li {
								text-align: left;
								padding-right: 0;
								width: 95px;
								
							}
							.project-receive-opt-input{
								
							}
						}
						.bdn{
							border-bottom: none;
						}
						.project-receive-number-tip-mobile {
							display: block;
							padding: 6px 20px;
							box-sizing: border-box;
						}
						.project-receive-opt-box{
							width: 0 !important;
						}
						.project-receive-opt {
							// display: none;
							width: calc(100% - 100px);
							&-input{
								border:none;
								/deep/ .u-input--square{
									padding: 6px 0 !important;
									// .uni-input-input{
									// 	text-indent: 15px;
									// }
								}
							}
							/deep/ .uni-date-x--border{
								border: none;
							}
						}

						.project-receive-opt-mobile {
							display: block;
							box-sizing: border-box;
							width: 100%;
						}

						.project-receive-submit {
							padding: 0 20px;
							box-sizing: border-box;
							padding-bottom: 50px;

							.project-receive-submit-btn {
								display: none;
							}

							.project-receive-submit-btn-mobile {
								width: 100%;
								height: 44px;
								background: #26bbff;
								border-radius: 2px;
								font-size: 16px;
								font-family: PingFangSC-Semibold, PingFang SC;
								font-weight: 600;
								color: #FFFFFF;
								display: flex;
								align-items: center;
								justify-content: center;
								box-sizing: border-box;
								margin-top: 26px;
							}
						}
						// 上传文件
						.upload-pc{
							display: none;
						}
						.upload-app{
							display: block !important;
						}
						// 返修题目
						.project-back {
							padding: 0;
							overflow-y: auto;
							webkit-overflow-scrolling: touch;

							.project-tip-info {
								padding: 20px 20px 8px 20px;
							}

							.repair-content {
								padding: 0;
								webkit-overflow-scrolling: touch;
								.repair-li {
									.repair-li-sort {
										padding: 20px;

										.repair-li-sort-left {
											flex-direction: column;

											.repair-li-sort-left-time {
												.repair-time-dot {
													height: 20px;
													// width: 20px;
													display: inline-block;
													background: rgba(240, 68, 68, 0.1);
													border-radius: 1px;
													margin: 3px;
													font-size: 12px;
													text-align: center;
													line-height: 20px;
												}
											}
										}

										.repair-show-text {
											font-size: 14px;
										}
									}
								}

								.repair-li-item {
									background-color: #ffffff;
									margin-top: 8px;
									padding: 15px 20px;
									flex-direction: column;
									line-height: normal;
									margin-bottom: 10px;
									.requied-title {
										text-align: left;
										position: relative;
										width: auto;
										min-width:60px;
										.upload-icon-fun-img {
											width: 16px;
											height: 16px;
											position: absolute;
											right: 16px !important;
											top: 0;
										}

										.upload-icon-fun-img {
											display: block;
										}
									}

									.requied-title-upload {
										width: 100%;
									}

									.submit-btns {
										display: flex;
										text-align: center;
										justify-content: space-between;
										.repair-li-btn {
											width: calc(50% - 20px);
											height: 44px;
											line-height: 44px;
											border-radius: 2px;
										}
									}

									.repair-li-item-val {
										width: 100%;
										&-mb{
											flex-direction: column-reverse;
											&-checkbox{
												margin: 15px 0 5px 0;
											}
											
										}
										.upload-li-item{
											width: 100%;
										}

										.repair-li-upload-comp {
											// display: none;
										}
										

										.repair-li-item-mark {
											width: 100%;
											box-sizing: border-box;
											border: none;
											padding: 8px 0;
										}

										.repair-li-textarea {
											box-sizing: border-box;
											width: 100%;
											border: none;
											padding: 10px 0;
											overflow: hidden;
										}
									}
								}
							}

						}


						// 提交记录
						.record-pc{
							display: none;
						}
						.record-app{
							display: block;
						}
						.project-detail-record {
							padding: 0 0 0 20px;
							height: calc(100vh - 156px);
							overflow-y: auto;
							.project-detail-record-list{
								padding:0;
							}
							.project-detail-record-li {
								padding: 20px 0;
							}

							.project-tip-info {
								padding: 20px 20px 0px 0;
							}

							.record-title {
								font-size: 14px;
							}

							.record-sub-title {
								box-sizing: border-box;
								padding-right: 20px;
							}

							.record-time {
								font-size: 12px;
								text-align: right;
								padding-right: 20px;
							}

							.pager-record {
								display: none;
							}
						}

						// 任务消息
						.note-pc {
							display: none;
						}

						.note-app {
							display: block;
						}

						.project-detail-note {
							padding: 0 20px 0 20px;
							height: calc(100vh - 185px);
							overflow-y: auto;

							.project-detail-note-li {
								padding: 20px 20px 20px 0;
								box-sizing: border-box;
								flex-direction: column;
								justify-content: flex-start !important;
								align-items: initial;

								.project-detail-note-title {
									width: 100%;
								}

								.note-title {
									width: calc(100% - 20px);
									font-size: 14px;
								}

								.note-time {
									padding-left: 20px;
									font-size: 12px;
									padding-top: 8px;
								}
							}

							.pager-note {
								display: none;
							}
						}
					}
				}
			}

		}

		.page-footer-bottom {
			display: none;
		}
		
		.setting-page-box{
			/deep/.u-popup__content{
				width: 85%;
				background: none;
				background-color: transparent;
			}
		}
	}
	.center-checkbox{
		margin: 0 20px 0 20px;
	}
	.team-top-tab{
		// border: 1px solid #EEF1F5;
		border-radius: 2px;
		margin: 20px 0 0 0;
		&-item{
			height: 100%;
			width: 108px;
			padding: 10px 0;
			text-align: center;
			border: 1px solid #EEF1F5;
			border-left: none; 
			
		}
		&-item:first-child{
			border-left: 1px solid #EEF1F5;
		}
		.active{
			background: #26bbff;
			color:#fff;
		}
	}
	.team-top-tab-app{
		.team-top-tab-item{
			border: none;
			line-height: 32rpx;
			height: 32rpx;
			background: none;
			
		}
		.active{
			// background: #fff;	
			color: #26bbff;
			border-bottom: 1px solid #26bbff;
		}
	}
	
	.m-popup{
		border-radius: 10rpx;
		overflow: hidden;
		width: 400px;
		max-width: 100%;
		&-top{
			line-height: 60rpx;
			background: #eaf2f5;
			position: relative;
		}
		&-content{
			overflow: hidden;
			background: #fff;
			padding: 20px;
			&-logo{
				height: 60rpx;
				display: flex;
				align-items: center;
				border-bottom: 1px solid #e7eaef;
				padding-left: 20rpx;
			}
			&-scroll{
				width: calc(100% - 40rpx);
				height: calc(100vh - 400rpx);
				padding-left: 20rpx;
				padding-top: 15rpx;
				padding-right: 20rpx;
			}
			
		}
		.posa{
			left: auto;
			top:16rpx;
			right: 22rpx;
		}
	}
	.repair-li-item-permission{
		margin: 25px 0 45px 0 ;
		input{
			width: 155px;
			margin-left: 10px; border: 1px solid #eaeaea; font-size: 14px;
			height: 36px;
			text-indent: 10px;
		}
		&-box{
			margin-left: 20px;
		}
		&-bottom{
			margin-top: 30px;
			>view{
				width: 300px;
			}
		}
	}
	.repair-li-item-title{
		// padding-top: 10px;
	}
	@media screen and (min-width: 0px) and (max-width:1024px) {
		
		.repair-li-item-title{
			text-indent: 20px;
			background: #fff;
			padding: 20px 0;
		}
		/deep/.u-line{
			border: none !important;
		}
		.repair-li-item{
			margin-top: 2px !important;
			
		}
		.repair-li-item-permission{
			input{
				width: 180rpx;
				border:none;
				font-size: 14px;
				height: 36px;
				text-indent: 2px;
			}
			&-box{
				margin-left: 0;
			}
			&-text{
				width: 56px;
			}
			&-bottom{
				flex-direction: column;
				input{
					width: 170rpx !important;
				}
				>view{
					width: 300px;
				}
			}
		}
	}
	.time__doc{
		margin: 3px;
	}
</style>
